[JavaScript] 자료형 - typeof, 형변환

📍typeof

typeof : 변수의 자료형 알아내는 기능

const brand = 'cup';

console.log(typeof 3);
console.log(typeof brand);
console.log(typeof true);
console.log(typeof 'hi');
console.log(typeof null);
console.log(typeof undefined);

순서대로 number / string / boolean / string / object / undefined가 출력된다.
typeof 뒤에 오는 값의 자료형을 알 수 있다.

📍 형변환

🔎 명시적 형변환

String(), Number(), Boolean()
-- 앞에 대문자로 시작하는 것을 주의하자.

console.log(String(3));
console.log(Number('1234'), Number(true));
console.log(Boolean(123), Boolean('hi')) //true
console.log(Boolean(0), Boolean(""), Boolean(null), Boolean(undefined), Boolean(NaN)) //false

문자열 또는 숫자형으로 바꾸는 것은 간단하지만 Boolean의 경우, 특정된 값들만 false로 나오기 때문에 알아야 한다. 또한 기본적인 것 외에 헷갈릴 수 있는 몇몇 내용들이 있다.

console.log(Number(null)) //0
console.log(Number(undefined)) //Nan

Number가 null인 것은 0을 반환하고, undefined는 Nan(Not a number)를 반환한다.

또한 Number(0)은 false, Number('0')은 true이고
Number('')은 false, Number(' ')은 true이다.
2번째 줄은 공백의 유무에 따라 t/f값이 나뉜다.

---

코딩앙마의 자바스크립트 기초 강좌 수강 후 정리한 글입니다.