Truthy and Falsy

안녕하세요 도미닉입니다

 

오늘은 Truthy 와 Falsy 에 대해서 알아보겠습니다.

 

보통 if 문을 쓰거나 삼항 연산자를 쓸 때 true 와 false 값이 필요한데요.

 

자바스크립트에서는 이 Bool 타입이 아닌 값들도 true 와 false 처럼 활용할 수 있습니다.

 

이러한 값들을 Truthy 와 Falsy 라고 부릅니다.

 

Falsy 부터 설명을 하겠습니다.

 

Falsy

 

Falsy 는 False 에 가까운 값이라는 의미로 생각을 하고요.

 

Falsy 는 아래 5가지가 있습니다.

 

• undefined
• null
• 0
• ''
• NaN

이 5가지의 Falsy 값은 if 문과 삼항연산자에서 false 와 같이 처리됩니다.

 

예로아래와 같은 if 문을 들 수 있습니다.

 

if (!null) { print('falsy') };

 

null 이 false 와 같이 동작하기 때문에 false 의 Not 연산이 되어 true 가 됩니다.

 

falsy 가 출력됩니다.

 

Truthy

Truhty 는 위에 Falsy 가 아닌 모든 값입니다.

 

if (1) { print('truhty') };

 

이렇게 1을 if 문에 넣어주면 true 와 같이 동작합니다.

 

 

정리

오늘은 Truthy 와 Falsy 에 대해서 알아봤습니다.

 

Falsy 5가지 값은 외워놓고 조건문이나 삼항연산자에서 혼용하면 안될 것입니다.

 

감사합니다.

 

 

참고 : https://learnjs.vlpt.us/useful/02-truthy-and-falsy.html