在 JavaScript 中检查一个值是否为 NaN

Alex Dulcianu 2023年1月30日 2022年5月1日
  1. 使用内置 isNaN() 函数检查 JavaScript 中的值是否为 NaN
  2. 结合 isNaN()parseFloat() 处理空字符串
  3. 在 JavaScript 中使用比较运算符检查值是否为 NaN
在 JavaScript 中检查一个值是否为 NaN

JavaScript 中的 NaN 值可能会使该语言的新手感到困惑,尤其是因为它们经常与 undefinedNull 值混淆。NaNNot-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

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

相关文章 - JavaScript Variable