노트 #3 | JavaScript 기초 (2) 조건문

조건문

학습목표

• 'trusy'와 'falsy' 가 조건문에서 작동하는 방식을 이해할 수 있다.
• 비교 연산자를 통한 엄격한 비교(===, !===)에 대해 이해할 수 있다.
• 'if'와 'else if', 'else'를 이해하고 무리 없이 활용할 수 있다.
• 논리 연산자를(&&, ||, !...) 통해 복잡한 조건을 간결하게 작성할 수 있다.
• 복잡한 조건문을 활용하여, 실생활에서 쉽게 마주하는 문제를 해결하기 위한 알고리즘을 구현할 수 있다.

개념 학습

• 조건을 배우기 위해서 Boolean 타입에 대한 이해가 필요합니다.
• 조건문은 어떠한 조건을 판별하는 기준을 만드는 것
• 조건문에는 반드시 비교연산자(comparison operator)가 필요합니다.
• 비교 연산자
  • 3 > 5; // false
  • 9 < 10; // true
  • 'hello' === 'world'; // false
• 비교의 결과는 늘 boolean, 즉 true 혹은 false
• 다양한 연산자 종류 "<", ">", "<=", ">=", "===", "!==="
• "==", "!=" 은 타입 비교를 하지 않아 오류 발생 위험이 있기때문에 사용하지 않음
• 조건문은 다음과 같이 쓸 수 있습니다.

if (조건1) {
  // 조건1이 통고하는 경우
} else if (조건2) {
  // 조건1이 통과하지 않고
  // 조건 2가 통과할 경우
} else {
  // 모든 조건이 통과하지 않는 경우
}

• 조건에는 Boolean 으로 결과가 나오는 비교구문이 들어간다.
• 두가지 조건이 한번에 적용되는 경우?
  • 논리 연산자(Logical Operator)를 사용
• 유용한 예
  • 학생이면서 여성일 때 통과

    isStudent && isFemale;

  • 학생이거나 여성일 때 통과

    isStudent && isFemale;

  • 학생이 아니면서, 여성일 때 통과

    !isStudent && isFemale;

• 논리 연산자 NOT

    !false // true
     !(3>2) // false

• 논리 연산자 OR

    true || true // true
     true || false // true
     false || false // false

• 논리 연산자 AND

    true && true // true
     true && false // false
     flase && false // false

• 기억해야할 6가지 falsy 값
  • 다음은 if 문에서 false 로 변환되므로, if 구문이 실행되지 않습니다.

     if (false)
      if (null)
      if (undefined)
      if (0)
      if (NaN)
      if ('')