CodeStates/JavaScript

[JavaScript] 조건문

디스페어 2021. 12. 19.

조건문이란

  • 어떠한 조건을 판별하는 기준을 만드는 것 (경우의 수를 따지는 조건문)
  • 반드시 비교 연산자 필요
  • if → else if → else 순서로 작동 (하나의 약속)

 

1. 형태

  • 비교 결과는 늘 Boolean으로 참(true)과 거짓(false)로 나뉜다. 
if ( 조건문 1 ) {
  return //조건문 1이 true 일때 실행
}
else if ( 조건문 2 ) { //조건문 1이 false일때 실행
} return //조건문 2가  true 일때 실행
else ( 조건문 3 )
 return //조건문 1과 2가 false 일때 실행

 

2. 비교 연산자 (Comparison Operator)

  • < : 초과
  • > : 미만
  • >= : 이상
  • <= : 이하
  • === : 같다
  • !== : 다르다

 

3. 논리 연산자 (Logical Operator)

//고양이이면서, 남성일 때 통과
isCat && isMale;

//고양이거나 남성일 때 통과
isCat || isMale;

//고양이가 아니면서, 남성일 때 통과
!isCat && isMale;
  • && : AND 연산자 → 두가지 조건 모두 만족 시 true
  • || : OR 연산자 → 두가지 조건 중 하나만 만족 시 true
  • ! : NOT 연산자 → truthy, falsy 값을 반전시킴 !truefalse
    !false → true
    !( 3 > 2 ) → false
    !undefined → true
    !'Hello' → false

 

 

trythy 와 falsty

1. truthy

  • 숫자 (Number) 또는 문자열 (String) 등 falsy 타입이 아닌 모든 값

 

2. falsy

  • if (false) → 거짓
  • if (null) → 값이 없다
  • if (undefined) → 정의되지 않았다
  • if (0) → falsy한 값으로 취급 (흔히 0은 꺼짐(false), 1은 켜짐(true)으로 표현)
  • if (NaN) → Not a Number 의 약어 (숫자가 없다)
  • if ('') 빈 스트링 → 아무런 값이 없는 문자열 (스트링)

 

 

Reference

if의 구동 원리

반응형

'CodeStates > JavaScript' 카테고리의 다른 글

[JavaScript] 원시 자료형과 참조 자료형  (0) 2022.02.09
[JavaScript] 호이스팅  (0) 2022.01.21
[JavaScript] 배열과 객체  (0) 2022.01.04
[JavaScript] 반복문  (0) 2021.12.19
[JavaScript] 문자열  (0) 2021.12.19

댓글