[JavaScript] 자바스크립트 조건문(삼항연산자), 반복문

1. 조건문

* 특정 조건(조건식)에 의해 참(true) 또는 거짓(false)일 경우에 따라서 분기 처리하여 명령(코드)을 실행하는 것

• 조건문 종류
  - if else : 만약 조건이 참이라면 아래에 문장을 실행
  - switch : 이 경우 해당하는 케이스로 이동하여 실행
  - 삼항연산자 : 이 조건이 맞니 ? 참이면 여기 : 거짓이면 여기를 실행

2. 조건문 - if else 문

* if, else if 문 즉, if가 있는 부분에 조건식을 넣고 조건식이 참이면 {} 안의 코드를 실행

* 앞 조건이 만족하지 않으면 else 문을 실행

* else if 문은 갯수 제한이 없으며, else if, else 조건문은 생략 가능

• 기본 문법
  if(조건식) {     // 조건이 참이면 아래 문장 실행
         실행문...
  }
• else 추가 문법(있어도 되고 없어도 된다.)
  if(조건식) {     // 조건이 참이면 아래 문장 실행
         실행문...
  } else {     // 그렇지 않으면(거짓) 아래의 문장 실행
         실행문...
  }
• else if 추가 문법(그렇지 않으면 이 조건 비교)
  if(조건식 1) {
         실행문...
  } else if(조건식 2) {
         실행문...
  } else if(조건식 3) {
  } else if(조건식 n) {
  } else {
         실행문...
  }

3. 조건문 - if else문 예시

<script>
    var a = 2;

    // a가 10보다 작니?
    if(a < 10) {    // 조건이 참이면 아래 문장 실행
        console.log("입력된 값은 10보다 작습니다.");
    }

    if(a == 1) {
        console.log("값은 1이 맞습니다.");
    } else {
        console.log("값은 " + a + " 입니다.");
    }

    var score = 90;
    if(score >= 90) {   // 90점 이상이면
        console.log("우등생입니다.");
    } else if (score >= 80 && score < 90) {
        console.log("참 잘했습니다.");
    } else {
        console.log("더욱더 열심히 노력하세요...");
    }

    console.log("프로그램 종료");
</script>

4. 조건문 - switch, 삼항연산자

• switch문
  - switch 조건문은 기본적으로 () 안에 변수(값)가 온다.
  - 변수의 자료형은 어떤 것도 올 수 있다.
  - () 안에는 변수, 조건식, 연산식 등이 올 수 있다.(모두 결과는 값)
  
  switch(변수) {
  case A: // 값 A
           // 변수 값이 A 일 때 실행할 명령문
           break;
  case B: // 값 B
          // 변수 값이 B 일 때 실행할 명령문
           break;
  default:
           // 모든 case에 해당하지 않을 때 실행할 명령문...
          break;
  }
• 삼항 연산자
  - 항이 세개인 연산자로 첫번째 항을 비교하여 참 : 거짓의 값을 반환
  - 즉, 조건식 ? 참 값 : 거짓 값; 으로 세개의 항을 갖는다.
  - 연산자라고 하지만 실제로 간단한 조건문으로 주로 사용
  
  조건문 ? 참일경우 : 거짓일경우
  a > 0 ? "양수" : "음수";

5. 조건문 -  switch, 삼항연산자 예시

<script>
    var a = 1;

    // switch 조건문은 기본적으로 () 안에 변수(값)가 온다.
    switch(a) {
        case 1:
            console.log("1와 같은 경우...");
            break;
        case 2:
            console.log("2와 같은 경우...");
            break;
        default:
            console.log("앞에 모든 경우가 아니면...");
            break;
    }

    var b = "1";
    switch(b) {
        case 1:
            console.log("숫자 1입니다.");
            break;
        case "1":
            console.log("문자 1입니다.");
            break;
        default:
            console.log("앞에 모든 경우가 아니면...");
            break;
    }

    // () 안에 연산식도 가능하다. 즉, 연산후 최종 결과는 값이다.
    var c = 10;
    // 하수
    switch(c % 2) {
        case 0:
            console.log("짝수 입니다.");
            break;
        default:
            console.log("홀수 입니다.");
            break;
    }

    // 중수
    if(c % 2) {
        console.log("짝수 입니다.");
    } else {
        console.log("홀수 입니다.");
    }

    // 고수
    c % 2 === 0 ? console.log("짝수 입니다.") : console.log("홀수 입니다.");

    // 초고수
    console.log((c % 2 === 0 ? "짝수" : "홀수") + " 입니다.");

    switch(c > 4) {
        case true:
            console.log("c는 4보다 큽니다.");
            break;
        // case false:
        //     console.log("c는 4보다 크지 않습니다.");
        //     break;
        default:
            console.log("c는 4보다 크지 않습니다.");
            break;
        
    }
</script>

<script>
    var a = -1;

    // 기본적으로 상항 비교항(첫번째) 이외에는 결과 값을 넣어 사용한다.
    // 자바 스크립트 프로그램 이외의 개발 언어에서는 보통 이 경우만 사용한다.
    var result = a > 0 ? "양수" : "음수";

    // 하지만 자바스크립트에서는 아래와 같이 실행(코드) 문이 올 수도 있다.
    a > 0 ? console.log("양수") : console.log("음수");

    var b, c;

    a > 0 ? b = "양수" : c = "음수";
</script>

6. 반복문

* 프로그래밍에서 반복 작업을 해야 하는 경우 조건식, 증감식을 통해 반복 수행

• 반복문의 종류
  - for : 초기식, 조건식, 증감식을 가지는 반복문
  - while : 조건식만을 가지는 반복문(보통 무한 반복문으로 사용)
  - do ~ while : 실행을 먼저 한 후 조건식을 비교하는 반복문
• for문
  for(초기식; 조건식; 증감식) {
         반복할 명령어...
  }
  
  for(var i = 0; i < 10; i = i + 1) {
         console.log(i);
  }
• while 문
  while(조건식) {
         반복할 명령어...
  }
  
  while(i < 10) {
         console.log(i);
         i = i + 1;
  }
  
  // 무한반복문(무한 반복은 시스템이 종료될 수 있으므로 실행 금지)
  while(true) {
         alert("알림");
  }
• do while 문
  do {
         반복할 명령어...
  } while (조건식)
  
  var i = 0;
  do {
        반복할 명령어...
  } while(i > 10)

7. 반복문 예시(for, while, do ~ while)

<script>
    for(var i = 0; i < 10; i = i + 1) {
        console.log("for loop i = " + i);
    }

    // 1부터 10까지 출력해주기(첫번째 방법)
    for(var i = 1; i <= 10; i = i + 1) {
        console.log("for loop i = " + i);
    }

    // 두번째 방법
    for(var i = 0; i < 10; i = i + 1) {
        console.log("for loop i = " + (i + 1));
    }

    var j = 0;
    while(j < 10) {
        console.log("while loop j = " + j);
        j = j + 1;
    }

    var k = 0;
    do {
        console.log("do while loop k = " + k);
        k = k + 1;
    } while(k < 10)
</script>