ES2020_Nullish Coalescing

Soly; 독특하게·2020년 12월 2일
0

JavaScript

목록 보기
4/7
post-thumbnail

??연산자

기능 : nullish값을 체크할 수 있다

기존의 OR 연산자의 경우 falsey값만을 체크할 수 있었다.

BUT! false 인지 undefined인지 알고싶어요

|| 연산자 예시) truthy값만 리턴해줘요

false || 'value'
=> "value"
undefined || 'value'
=> "value"
null || 'value'
=> "value"
NaN || 'value'
=> "value"

?? 연산자 예시) non-nullish값을 리턴해줘요

false ?? 'value'
=> false
undefined ?? 'value'
=> "value"
null ?? 'value'
=> "value"
NaN ?? 'value'
=> NaN

그렇다면 어떤 것이 fasle이고 true인가?

1. False인 값

  • undefined
  • null
  • 0
  • 0
  • NaN
  • false
  • ''
  • ""

2. True인 값

  • '0' (0을 포함하는 문자열)
  • 'false' (false를 포함하는 문자열)
  • [] (빈 배열)
  • {} (빈 객체)
  • function () {} (빈 함수)
profile
협업을 즐겨하는 목표지향적인, Front-End 개발자입니다.

0개의 댓글