Falsy / Truthy

다음 세 조건문은 동작할까요?

// 1
if ('') {...}

// 2
if (' ') {...}

// 3
if ('anything') {...}

1번은 동작하지 않고, 2, 3번은 동작합니다. 왜 그럴까요?

JavaScript가 빈 문자열 ''은 false로, 공백이 포함된 문자열 ' '과 문자열 'anything'을 true로 판별하였기 때문입니다.

JavaScript에는 Falsy(거짓 같은 값)와 Truthy(참 같은 값)라는 문법 개념이 있습니다. Falsy와 Truthy는 JavaScript가 특정 값의 참/거짓을 판단할 때, 주어진 값이 Boolean 자료형이 아니거나, Boolean 비교가 불가능한 경우 true 또는 false로 변환되는 값을 뜻합니다. True 가 아닌데 JavaScript에 의해 true로 타입 변환되는 값은 truthy, false가 아닌데 JavaScript에 의해 false로 타입 변환되는 값은 falsy입니다.

 

다음은 JavaScript의 Truthy, Falsy를 나타낸 표입니다.

값	true or false	truthy or falsy
0	false	falsy
0을 제외한 모든 수	true	truthy
빈 문자열 ""	false	falsy
비어있지 않은 모든 문자열	true	truthy
{},[], 배열을 포함한 모든 객체(Objects)	true	truthy
null, undefined, NaN	false	falsy

 

 

References

https://developer.mozilla.org/ko/docs/Glossary/Truthy

참 같은 값 - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN

https://developer.mozilla.org/ko/docs/Glossary/Falsy

거짓같은 값 - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN