在 JavaScript 中检查数字是否为 NaN

使用 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

Number.isNaN 方法只会为 Number.isNaN(0 / 0) 返回 true。 所有其他示例都将返回 false

较旧的 isNaN 方法比 Number.isNaN 更不直观,因为它会在检查值是否为 NaN 之前尝试将非数字强制转换为数字。