[JavaScript] - 조건문(Conditional)

NOWANDHERE·2020년 10월 2일
0

JavaScript

목록 보기
3/12
post-thumbnail

조건문 (Conditional)

🌻 컴퓨터가 우리 일상생활에 도움을 줄 수 있는 도구가 되려면, 인간과 비슷하게 작동할 수 있게 어떤 조건에 작동을 해야 한다는 것을 명시를 해줘야 한다.

조건문 기초


Achievement Goals

  • truthyfalsy가 조건문에서 작동하는 방식을 이해할 수 있다.
  • 논리 연산자에 대해 이해할 수 있다.
  • ifelse if, else를 이해하고 무리없이 활용할 수 있다.
  • 복잡한 조건문을 활용하여 실생활에서 쉽게 마주할 수 있는 문제를 해결할 알고리즘을 짤 수 있다.

조건문이란?

  • 조건문을 배우기 위해서는 Boolean 타입에 대한 이해가 필요하다.
  • 조건문은 어떠한 조건을 판별하기 위한 기준을 만드는 것.
  • 조건문에는 반드시 비교 연산자(comparison operator)가 필요하다.

  • 비교 연산자
    • 3 > 5 // false
    • 9 < 10 // true
    • 'hello' === 'world' // false
  • 비교의 결과는 늘 Boolean, 즉 true 혹은 false이다.

  • 아래 연산자들은 타입을 엄격하게 비교하지 않으므로 사용하면 안된다.
    • == : 같다, != : 다르다

  • 조건문은 다음과 같이 쓸 수 있고, 조건에는 Boolean으로 결과가 나오는 표현식이 들어간다.
if (조건1) {
  // 조건1이 통과할 경우
} else if (조건2) {
  // 조건1이 통과하지 않고
  // 조건2가 통과할 경우
} else {
  // 모든 조건이 통과하지 않을 경우
}

두 가지 조건이 한번에 적용되는 경우?

  • 논리 연산자(Logical Operator)를 사용
  • 유용한 예
    • 학생이면서, 여성일 때 통과(AND 연산자)
      • isStudent && isFemale;

    • 학생이거나, 여성일 때 통과(OR 연산자)
      • isStudent || isFemale;

    • 학생이 아니면서, 여성일 때 통과(NOT 연산자 : truthy, falsy 여부를 반전시킴)
      • !isStudent && isFemale;

  • 논리 연산자 NOT
    • !false // true
    • !(3>2) // false

  • 기억해야 할 6가지 falsy
    • 다음은 if 문에서 false로 변환되므로, if 구문이 실행되지 않는다.
      • if(false)
      • if(null)
      • if(undefined)
      • if(0)
      • if(NaN)
      • if('')

  • 논리 연산자의 결과에 Boolean이 아닌 값이 들어갈 수 있다.
    • OR 연산자는 truthy한 값을 만나면, 그 값을 출력한다.(그 이후로는 평가하지 않는다)
      • undefined || 10 // 10
      • 5 || 10 // 5
      • 5 || console.log('실행되지 않음') // 5
    • 둘 다 falsy할 경우, 뒤에 있는 값을 출력한다.
      • undefined || false // false

    • AND 연산자는 falsy한 값을 만나면, 그 값을 출력한다.
      • undefined && 10 // undefined
      • 5 && false // false
    • 둘 다 truthy할 경우, 뒤에 있는 값을 출력한다.
      • 5 && 10 // 10

배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글 달아주시면 수정하겠습니다. 감사합니다 :)

0개의 댓글

관련 채용 정보