Chapter 3. JS 조건문

조건문 (Conditional Sentence)

  • 연산자 (Operator)

    • 산술 연산자 (Arithmetic Operator)

      1 + 2 // 덧셈 연산자 => 3
       2 - 1 // 뺄셈 연산자 => 1
       2 * 3 // 곱셉 연산자 => 6
       4 / 2 // 나눗셈 연산자 => 2
       3 % 2 // 나머지 연산자 => 1 (3 = 2 * 1 + 1)
       -x // 단항 부정 
       +x // 단항 플러스
       ++x // 이전의 x값에 1을 더한 후 평가
       x++ // x값을 평가 후 1을 더함
       --x // 이전의 x값에 1을 뺀 후 평가
       x-- // x값을 평가 후 1을 뺌 
    • 비교 연산자 (Comparison Operator)

      a == b  // a와 b는 동등하다.
       a === b // a와 b는 일치한다.
       a !== b // a와 b는 일치하지 않는다.
       a != b // a와 b는 동등하지 않다.
       a < b // a는 b보다 작다.
       a <= b // a는 b보다 작거나 같다.
       // 주의할 점!!! ==는 타입을 엄격하게 비교하지 않는다. 그래서 === or !==를 사용하기를 권장한다. 
    • 논리 연산자 (Logical Operator)

      a && b  // a의 조건과 b의 조건을 모두 만족해야 성립한다. AND 개념이라 보면 된다. 
       a || b // a의 조건 또는 b의 조건을 만족하면 성립한다. OR 개념이라 보면 된다. 
      !a // a의 조건이 성립하지 않을 경우 true. 그게 아니면 false. 
    • 조건 연산자 (Conditional Operator)

      3항 연산자 !!
      (조건식) ? "참" : "거짓"
      => 조건식이 만족하면 "참"을 출력하고 만족하지 않을 경우, "거짓"을 출력한다.

  • 조건식 종류

    • IF 조건문

      if(true) {  // if 조건식 내에는 true or false 즉 boolean 값을 리턴한다. 
        console.log("true") // 조건식이 truthy하므로 '참'을 출력.
      }
      if(false) { // 조건식이 falsy하다. 
        console.log("false") // 조건식이 falsy하므로 '거짓'을 출력. 
      }
      ///기억해야 할 falsy 값. 
      if (false)
      if (null)
      if (undefined)
      if (0)
      if (NaN)
      if ('')
      // 모두 조건식의 falsy하므로 어떻게든 false 값이 추출된다. 
    • IF ~ ELSE 조건문

      let a = 10;
      if (a % 2 === 0) { // a의 나머지가 0인 경우 = a가 짝수인 경우 
        console.log(a + "짝수"); // if내의 조건식이 참이면 if 내의 콘솔 출력. 아니면 else 부분으로 넘어간다. 
      } else { // if 조건식이 참이 아니면 ! else 내의 콘솔 출력. 
        console.log(a + "홀수");
      }
    • IF ~ IF ELSE ~ ELSE 조건문

      let a = 13;
      if (a % 2 === 0) {  // if 조건식을 만족하지 못하여 else if로 내려감. 
        console.log(a + "2의 배수이다."); 
      } else if (a % 3 === 0) { // else if 조건식도 만족하지 못하여 else로 내려감. 
        console.log(a + "3의 배수이다.");
      } else { // else는 위의 if와 else if 조건식을 제외한 나머지 조건식을 포함한다. 그러므로 따로 조건식을 써줄 필요 없다. 
        console.log(a + "2의 배수도 3의 배수도 아니다.");
      }
    • SWITCH ~ CASE 조건문

       switch (Number(score / 10)) { // 점수를 10으로 나눠서 정수로 변환
         case 9: // switch 내의 Number(score / 10) === 9를 만족하면 실행. 
           grade = "A 학점"; // 실행 코드 
           break; // 만족하면 switch 구문 전체를 break를 통해 빠져나간다. 
         case 8:
           grade = "B 학점";https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else
         case 6:
           grade = "D 학점";
           break;
         default: // 데이터와 일치하는 값이 없으면 실행된다. 
           grade = "F 학점"; // 위 case들의 값과 모두 일치하지 않을 경우 "F 학점"을 실행한다. 
           break;
       }

참고하면 좋을 링크

IF 조건문 => 검색어 : mdn if statement javascript
SWITCH 조건문 => 검색어 : mdn switch case javascript
연산자 => 검색어 : mdn operator javascript
연산자2 => 검색어 : 자바스크립트 연산자

좋은 웹페이지 즐겨찾기