在 JavaScript 中检查数字是否为 NaN

JavaScript 4月前 24

使用 Number.isNaN() 方法检查数字是否为 NaN，例如 if (Number.isNaN(num)) {}。如果提供的值为 NaN 并且具有数字类型，则 Number.isNaN() 方法将返回 true。

const num = 0 / 'test';
console.log(num); // ?️ NaN

if (Number.isNaN(num)) {
  // ?️ this runs only if NaN and type of number
  console.log('Number is NaN');
}

我们使用 Number.isNaN 方法来检查一个值是否具有数字类型并且是 NaN。

检查 NaN 时不应使用相等运算符，因为 NaN 不等于 Javascript 中的 NaN。

// ❌ 不要这样做
console.log(Number.NaN === Number.NaN); // ?️ false

NaN 是 JavaScript 中唯一不等于自身的值。

Number.isNaN() 方法仅在满足以下条件时才返回 true：

该值的类型为 number
值为 NaN

以下所有示例都返回 false。

console.log(Number.isNaN('string')); // ?️ false
console.log(Number.isNaN(undefined)); // ?️ false
console.log(Number.isNaN(null)); // ?️ false
console.log(Number.isNaN([])); // ?️ false
console.log(Number.isNaN({})); // ?️ false

这是一个示例，演示了 Number.isNaN 方法是如何实现的。

Number.isNaN = Number.isNaN || function isNaN(input) {
    return typeof input === 'number' && input !== input;
}

我们首先检查浏览器是否支持 Number.isNaN 方法。

如果不支持，我们通过将函数附加到 Number 对象的 isNaN 属性来实现它。

该函数检查所提供值的类型是否为 number 类型并且不等于自身。

NaN 是 JavaScript 中唯一不等于自身的值，因此这足以确定该值是否为 NaN。

另一种方法是使用较旧的 isNaN 方法。

如果提供给 isNaN 方法的参数不是数字类型，则该方法会在检查它是否为 NaN 之前将值强制为数字。

这与 Number.isNaN 方法不同，后者不会强制传入的值。

以下是使用 isNaN 方法的一些示例：

console.log(isNaN(0 / 0)); // ?️ true
console.log(isNaN('string')); // ?️ true
console.log(isNaN(undefined)); // ?️ true
console.log(isNaN({})); // ?️ true
console.log(isNaN(null)); // ?️ false
console.log(isNaN([])); // ?️ false