在 JavaScript 中检查一个值是否为 NaN
Alex Dulcianu
2023年10月12日
JavaScript
JavaScript Variable
-
使用内置
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。
两种方法都有其优点,但你应该知道它们的操作方式不同,因此我们应该避免将它们混合在同一个代码库中。
Enjoying our tutorials? Subscribe to DelftStack on YouTube to support us in creating more high-quality video guides. Subscribe