typeof NaN === 'number'

NaN의 타입은?

+'abc'는 문자열인 'abc'가 +를 만난 결과로 NaN을 반환한다. 그렇다면 typeof NaN은 무엇일까.

console.log(+'abc'); // NaN
console.log(typeof (+'abc')); // "number"

결과는 number이다. NaN은 Not a Number의 줄임말인데 number로 취급된다.

isNaN()의 주의점

그런데, isNaN(undefined)도 true가 나온다. NaN임을 확인하기 앞서 undefined인지 먼저 확인할 필요가 있다.

우리는 이를 +'abc'가 NaN인지 확인하기 위해 isNaN()을 사용할 수 있을 것이다. 그런데, isNaN()의 인수는 Number 타입이 아닌 경우, Number 타입으로 강제 형변환을 한다. 인수가 undefined일 경우 Number(undefined)으로 형변환하면 결국 NaN이 되어 true를 반환한다. 그래서 isNaN('abc')라고 해도 true가 반환된다. MDN에 따르면 Number.isNaN()을 사용하면 형변환이 일어나지 않으므로 정상적으로 NaN 체크를 할 수 있다.

console.log(isNaN(undefined)); // true -> undefined가 Number 타입으로 강제 형변환됨!
console.log(Number.isNaN(undefined)); // false -> 그와 달리 이는 형변환이 발생하지 않는다!

Object.is()

가장 좋은 방법은 Object.is() 메서드를 사용하는 것이다.

console.log(NaN === +'abc'); // false
console.log(+0 === -0); // true

Object.is(NaN, +'abc'); // true
Object.is(-0, +0); // false