JavaScript 데이터 타입 (Data Types)

동적 타이핑과 typeof 연산자

JavaScript는 동적 타이핑(Dynamic Typing) 언어다. 변수가 아니라 값이 타입을 가지며, 같은 변수에 다른 타입의 값을 자유롭게 재할당할 수 있다. 값의 타입을 확인할 때는 typeof 연산자를 쓰지만 몇 가지 함정이 있다.

typeof 42;          // "number"
typeof "hi";        // "string"
typeof undefined;   // "undefined"
typeof null;        // "object"  (역사적인 버그, 표준으로 굳어짐)
typeof [];          // "object"  (배열 판별은 Array.isArray 사용)
typeof function(){} // "function"

typeof null이 "object"를 반환하는 것은 초기 구현의 버그가 하위 호환성 때문에 표준으로 남은 사례다. 따라서 null 검사는 value === null처럼 일치 비교로 해야 하고, 배열 판별은 Array.isArray를 사용해야 한다.

타입 변환과 비교 연산

JavaScript는 서로 다른 타입의 값이 만나면 암묵적 타입 변환(Implicit Coercion)을 수행한다. 느슨한 동등 비교인 ==는 비교 전에 피연산자의 타입을 맞추기 때문에 "1" == 1이 true가 되는 등 직관과 어긋나는 결과를 자주 낳는다. 일치 비교인 ===는 타입 변환 없이 타입과 값을 모두 비교하므로 실무에서는 ===를 기본으로 사용하는 것이 안전하다.

조건문에서는 값이 불리언으로 변환된다. false, 0, -0, 0n, 빈 문자열, null, undefined, NaN은 거짓 같은 값(Falsy)이고 그 외의 모든 값은 참 같은 값(Truthy)이다. 빈 배열과 빈 객체가 Truthy라는 점은 실수하기 쉬운 부분이다. null과 undefined만 걸러내고 싶다면 ES2020의 널 병합 연산자(Nullish Coalescing Operator) ??를 쓰면 0이나 빈 문자열을 유효한 값으로 보존할 수 있다.

const port = 0;
console.log(port || 8080); // 8080, 0이 Falsy라서 밀려난다
console.log(port ?? 8080); // 0, null과 undefined만 대체한다

면접에서 이렇게 물어본다

• 원시 타입과 객체 타입의 차이를 복사와 비교 동작을 중심으로 설명해 보라.
• typeof null이 "object"를 반환하는 이유와 올바른 null 검사 방법은 무엇인가.
• 0.1 + 0.2 !== 0.3인 이유를 number 타입의 내부 표현과 연결해 설명해 보라.
• ==와 ===의 차이는 무엇이고, 실무에서 어느 쪽을 기본으로 써야 하는가.
• Falsy 값을 모두 나열하고, || 대신 ??를 써야 하는 상황을 예로 들어 보라.