[JS] Truthy와 Falsy

고쥐·2024년 8월 11일

Falsy 거짓인 값

  • 0
  • -0
  • "" (빈 문자열)
  • null
  • undefined
  • NaN

Truthy 참인 값

  • 1
  • -1
  • "text"
  • {} (주의, 비어있더라도 객체가 존재하므로 true)
  • [] (주의, 비어있더라도 배열이 존재하므로 true)
  • Infinity (JS의 글로벌 객체)

조건문, if문, while 문 작성 시 헷갈리면 큰 버그를 생성할 수 있으니 잘 알아둘 것!


직접 출력해보기

  • Falsy

  • Truthy


추가로 알아두기

(1) 논리 부정 연산자(!)를 사용하여 boolean 값을 알 수 있음

  • ! 연산자는 truthy 값을 false로, falsy 값을 true로 바꾸며, !!는 이를 다시 원래의 truthy 또는 falsy 상태로 돌림. 이는 결과적으로 !!을 사용하는 것은 원래 값의 boolean 값을 반환하는 것과 동일함

(2) JS의 글로벌 객체

  • 브라우저에서의 글로벌 객체 : window
  • Node.js에서의 글로벌 객체 : global

공통적으로 포함된 주요 속성 및 메서드

  • console, setTimeout, clearInterval
  • parseInt, parseFloat
  • isNaN, isFinite
  • encodeURI, decodeURI, encodeURIComponent
  • JSON, Math, Date, Promise

Truthy와 true, Falsy와 false 는 어떻게 다를까?

true, false

  • true : 실제 Boolean 값 (조건이 참일 때)
  • false : 실제 Boolean 값 (조건이 거짓일 때)

truthy, falsy

  • truthy : 실제 boolean 값은 true가 아니지만 조건문 내에서 참으로 평가되는 것
  • falsy : 실제 boolean 값은 false가 아니지만 조건문 내에서 거짓으로 평가되는 것
profile
미래의 고쥐를 위한 아하모먼트 기록 🥔

0개의 댓글