[ JS 기초 ] Boolean 객체의 값(t/f) VS Boolean 값(t/f)

자바스크립트의 타입과 관련해서 헷갈렸던 부분이 있어 따로 정리해보았다.

 

Boolean([ ]) 와 [ ] == true

위 두 코드는 각각 true, false를 반환한다

 

왜? 답은 앞의 Boolean([ ])은 불린 객체이고 뒤의 [ ] == true는 단순히 불린 값 비교이기 때문이다.

 

코드로 보면 더 확실히 할 수 있다

불린 객체를 사용하면 

''(빈문자열), null, undefined, 0, NaN, false 를 제외하고는 모두 true를 반환한다
(심지어 빈 문자열이나 빈 객체까지도 true를 반환한다)

 

Vue.js나 자바스크립트 기반으로 웹 프로젝트를 할 때 v-if에 참거짓을 판별하는 경우는 뒤에 나온 값 비교에 해당한다. 

참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Boolean

Boolean - JavaScript | MDN

 

+ 문자열 false는 Boolean 객체에서 true값을 반환한다