JS中判断NaN的方法用法介绍

1. 了解NaN

在 JavaScript 中，NaN（Not a Number）代表非数字的特殊值。当执行数学运算或解析数值时发生错误时，会返回NaN。NaN 是一个特殊的数字值，既不等于任何其他值，包括它自己。

NaN 是 JavaScript 中唯一一个与自身不相等的值。这意味着任何涉及到NaN的比较操作，包括相等性判断，都会返回false。因此，我们需要一种方式来判断一个值是否为NaN。

2. isNaN() 函数

JavaScript 提供了 isNaN() 函数用于判断一个值是否为NaN。它接受一个参数，该参数可以是任意数据类型的值，然后返回一个布尔值。

isNaN(value)

如果 value 为 NaN 或无法转换为数字，则 isNaN() 返回 true，否则返回 false。

下面是一些使用 isNaN() 函数的示例：

isNaN(NaN);        // true
isNaN(10);         // false
isNaN("Hello");    // true
isNaN(undefined);  // true
isNaN({});         // true
isNaN([1, 2, 3]);  // true

以上代码中，分别传入了 NaN、一个数字、一个字符串、undefined、一个空对象和一个数组作为参数。可以看到，只有 NaN 的返回值为 true，其他都为 false。

3. Number.isNaN() 方法

在 ECMAScript 6 引入的新方法 Number.isNaN() 可以用于判断一个值是否为 NaN。与 isNaN() 函数不同的是，Number.isNaN() 方法要求参数是一个数字类型的值，并且严格判断是否为 NaN。

Number.isNaN(value)

与 isNaN 不同，Number.isNaN() 方法在传入的值为 NaN 时返回 true，其他情况都返回 false。

Number.isNaN(NaN);        // true
Number.isNaN(10);         // false
Number.isNaN("Hello");    // false
Number.isNaN(undefined);  // false
Number.isNaN({});         // false
Number.isNaN([1, 2, 3]);  // false

可以看到，Number.isNaN() 方法只在参数为 NaN 时返回 true，其他情况返回 false。

4. 使用typeof判断NaN

有时候，我们可能会试图使用 typeof 操作符来判断一个值是否为 NaN。然而，这是不可行的，因为 typeof NaN 返回的是 "number"。

typeof NaN  // "number"

因此，如果使用 typeof 来判断一个值是否为 NaN，结果会是错误的。

结论

在 JavaScript 中，NaN 表示非数值的特殊值。要判断一个值是否为 NaN，我们可以使用 isNaN() 函数或 Number.isNaN() 方法。isNaN() 函数在参数为 NaN 或无法转换为数字时返回 true，Number.isNaN() 方法只在参数为 NaN 时返回 true。此外，使用 typeof 来判断 NaN 是不可行的。

建议在使用判断 NaN 的方法时，要注意参数的类型，以保证获得正确的判断结果。