[JavaScript] 조건문

Jun·2022년 4월 29일

JavaScript

목록 보기
4/13
post-thumbnail

학습 목표

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

조건문이란?

어떠한 조건을 판별하는 기준을 만드는 것

조건을 쓰기 위해선 Boolean 타입에 대한 이해가 필요하다.

let isadult = true;
let isStudent = false;
  • 조건문에는 반드시 비교 연산자(comparison operator)가 필요하다.
  • 비교 연산자
비교 연산자
>초과
<미만
>=이상
<=이하
===같다
!==다르다
  • 비교 연산자로 ==!= 은 느슨한 비교(loose comparison)을 하기 때문에 사용하지 않는다.
    🎯 동치연산자 참고

조건문의 사용

조건에는 Boolean 으로 결과가 나오는 표현식(비교구문)이 들어간다.

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

만약 두가지 조건이 한번에 적용되는 경우 논리 연산자(Logical Operator)를 사용한다.

// 학생이면서, 여성일 때 통과
isStudent && isFemale
// 학생이거나, 여성일 때 통과
isStudent || isFemail
  • && : AND 연산자이며 두 조건이 모두 truthy여야 true를 반환한다.
true && true // output : true
true && false // output : false
false && false // output : false
  • || : OR 연산자이며 두 조건중 하나라도 truthy이면 true를 반환한다.
true || true // output : true
true || false // output : true
false || false // output : false
  • ! : NOT 연산자이며 조건의 값을 반전시킨다. 두 개 이상도 사용 가능하다.
!false // output : true
!(3>2) // output : false
!undefined // output : true (undefined를 falsy로 취급)
!'Hello' // output : false (String을 truthy로 취급)

falsy한 값

  • false
  • 0
  • undefined
  • null
  • NaN
  • ''
profile
FrontEnd Engineer를 목표로 공부합니다.

0개의 댓글