你如何在 JavaScript 中测试 NaN？

Question

我有一个变量 x，我想测试 x 是否设置为 NaN。我该怎么做？

我的第一直觉可能是，你知道，测试它，像这样：

if (x === NaN) {  ...

傻兔子，不，那太容易了。 NaN 就像 SQL 中的 NULL，它不等于任何东西，甚至它本身。

但是看，有一个名为isNaN() 的函数——也许可以做到！

不，据我所知，isNaN() 完全没有价值。

例如，isNaN([""]) 正确返回 false，但 isNaN(["."]) 返回 true。你不想知道我是怎么知道这个缺陷的。

我该怎么做？

原来，我的问题与this one 重复，但选择的答案是错误的。 right answer 有 20% 的赞成票。

Answer 1

如果你仔细阅读，这个问题就会有答案。这就是我找到它的方式：我正在输入问题并且......宾果游戏。

你还记得我写的“NaN就像SQL中的NULL，它不等于任何东西，甚至它本身”吗？据我所知，NaN 是 Javascript 中唯一具有此属性的值。因此你可以写：

var reallyIsNaN = function(x) {
   return x !== x;
};

Answer 2

简答

对于 ECMAScript-5 用户：

#1
if(x !== x) {
    console.info('x is NaN.');
}
else {
    console.info('x is NOT a NaN.');
}

对于使用 ECMAScript-6 的人：

#2
Number.isNaN(x);

为了在 ECMAScript 5 和 6 之间保持一致性，您也可以使用 polyfill for Number.isNan

#3
//Polyfill from MDN
Number.isNaN = Number.isNaN || function(value) {
    return typeof value === "number" && isNaN(value);
}
// Or
Number.isNaN = Number.isNaN || function(value) {     
    return value !== value;
}

注意：我更喜欢使用 #1 进行测试，它在所有地方都适用，并且也不依赖于最新的 JS。 （它总是给我正确的结果。没有惊喜！）

---

详细说明：

这是我们很棒的 NaN

NaN == NaN; // false
NaN === NaN; // false

请不要为此责备JavaScript，NaN 在其他语言中也应该以这种方式表现，根据rationale for all comparisons returning false NaN values，这很好

isNaN 作为我们的救星出现了，但在某些情况下，它的行为略有不同，例如

isNaN(undefined); // true
isNaN({});        // true
isNaN("lorem ipsum"); // true

看到上面的结果，我有一些奇怪的面孔。这就是来自 MDN 的原因

当 isNaN 函数的参数不是 Number 类型时，首先将值强制转换为 Number。然后测试结果值以确定它是否为 NaN。

那么我们应该如何测试非数字变量的 NaN 呢？我总是按照以下方式进行

if(x !== x) {
    console.info('Is a NaN');
}
else {
    console.info('Not a NaN');
}

ECMAScript-6/JavaScript-2015 更新

我们在 ECMAScript-6 中有什么相同的吗？是的，我们确实...

Number.isNaN(x); // true

ES6 实现也会对上述情况有所帮助，例如

Number.isNaN(undefined); // false
Number.isNaN({}); // false    
Number.isNaN("lorem ipsum"); // false

而对于上述情况，ECMAScript-5 全局函数 isNaN 输出为 true，这有时可能与我们的预期不一致。