迹忆客 专注技术分享

JavaScript 中的 NaN 值可能会使该语言的新手感到困惑，尤其是因为它们经常与 undefined 或 Null 值混淆。NaN 是 Not-a-Number 的首字母缩写词，其目的非常明显。

JavaScript 可能难以区分不同的未定义值。在处理 NaN 值时，布尔运算也有一些你必须注意的问题。

在某些情况下，必须检查某个值是否属于 NaN 类型。因此，这里有一些方法可以用来检查值是否为 NaN。

使用内置 isNaN() 函数检查 JavaScript 中的值是否为 NaN

执行此检查的最有用的方法之一是使用标准库方法 isNaN()。如果你给它的值是 NaN，那么这个函数的返回值将是 true。这是一个如何在代码中使用它的示例：

let myvar_1 = "dog";
let myvar_2 = "2";

console.log(isNaN(myvar_1));
console.log(isNaN(myvar_2));

输出：

true
false

结合 isNaN() 与 parseFloat() 处理空字符串

如上所述，你必须注意一些问题。其中之一涉及空字符串，当使用 isNaN() 函数时将返回 false。这是一个例子：

let myvar_1 = "";

console.log(isNaN(myvar_1));

输出：

false

自然，在这种情况下，这可能不是你想要的结果。为了正确处理这些情况，你可以在 isNaN() 函数中添加 parseFloat() 方法，如下所示：

let myvar_1 = "";

console.log(isNaN(parseFloat(myvar_1)));

输出：

true

在 JavaScript 中使用比较运算符检查值是否为 NaN

下面的方法比上面详述的方法更快，而且它需要的代码也更少。另一方面，它有点令人困惑，更不用说它可能很难正确维护和记录。

简而言之，JavaScript NaN 值是唯一不等于自身的值。正因为如此，一个简单的比较可以很容易地告诉你你感兴趣的值是否是 NaN。下面是它的工作原理：

let myvar_1 = NaN;
let myvar_2 = "dog";
let myvar_3 = "2";
 
console.log(myvar_1 !== myvar_1);
console.log(myvar_2 !== myvar_2);
console.log(myvar_3 !== myvar_3);

输出：

true
false
false

此方法与 isNaN() 函数的工作方式不同。在前面的示例中，可以解析为数字的字符串被视为数字。如果你使用比较运算符，那么相同的字符串将不会被解析为数字。如果该值明确定义为 NaN，则此特定示例仅返回 true。

两种方法都有其优点，但你应该知道它们的操作方式不同，因此我们应该避免将它们混合在同一个代码库中。