在 JavaScript 中检查一个值是否为 NaN
Alex Dulcianu
2023年1月30日
2022年5月1日
-
使用内置
isNaN()
函数检查 JavaScript 中的值是否为NaN
-
结合
isNaN()
与parseFloat()
处理空字符串 -
在 JavaScript 中使用比较运算符检查值是否为
NaN
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
。
两种方法都有其优点,但你应该知道它们的操作方式不同,因此我们应该避免将它们混合在同一个代码库中。