在编写 JavaScript 程序时，我们可能需要判断某个变量是否为 NaN（Not a Number）。在传统的 JavaScript 中，我们可以通过 isNaN() 方法来进行判断。但是，这种方法存在一些问题，比如会将字符串转化为数字再进行判断，导致结果出现误差。在 ECMAScript 2021 （ES12）中，新增了 Number.isNaN() 方法来解决这些问题。
前置知识：什么是 NaN？
NaN 是一个特殊的 JavaScript 值，代表 Not a Number（不是数字）。在一些特殊的运算中，例如 0 / 0 或 Infinity / Infinity，结果是无法计算的，此时 JavaScript 会返回 NaN。
console.log(0 / 0); // NaN console.log(1 / 0); // Infinity console.log(-1 / 0); // -Infinity
传统方法的问题
在传统的 JavaScript 中，我们通常使用 isNaN() 方法来判断一个值是否为 NaN。但是，这种方法存在一些问题。
首先，isNaN() 方法会将参数转化为数字再进行判断。因此，如果参数是一个字符串或者其他类型的值，它都会先尝试将其转化成数字，导致不准确。
console.log(isNaN("hello")); // true
console.log(isNaN("123")); // false其次，isNaN() 方法会将 NaN 和任何非数字值视为相等。这意味着，如果传入的参数是一个对象或者数组，它们的值被视为 NaN：
console.log(isNaN({})); // true
console.log(isNaN([])); // true这些问题在使用 isNaN() 方法进行判断时容易造成误解和错误。
Number.isNaN() 方法
为了解决传统方法存在的问题，ECMAScript 2021 （ES12）中新增了 Number.isNaN() 方法来进行 NaN 的判断。
与传统的 isNaN() 方法不同，Number.isNaN() 方法不会将其参数转换为数字，只有当其参数是 NaN 时才会返回 true。因此，Number.isNaN() 是比 isNaN() 更准确的判断方式：
console.log(Number.isNaN("hello")); // false
console.log(Number.isNaN(NaN)); // true
console.log(Number.isNaN({})); // false使用指南
由于 isNaN() 和 Number.isNaN() 的行为不同，我们在实际工作中需要根据使用场景进行选择。如果我们需要判断一个值是否为 NaN，就应该使用 Number.isNaN() 方法。否则，如果我们需要判断一个值是否不是数字，应该使用传统的 isNaN() 方法。
关于 NaN 的比较，我们需要注意一个特殊的情况。由于 NaN 不等于任何值，包括自身，因此直接使用相等运算符来比较 NaN 会出现不准确的情况：
console.log(NaN === NaN); // false
如果需要判断一个变量是否为 NaN，可以使用 Number.isNaN() 或者 isNaN() 方法。
示例代码
下面是一些使用 Number.isNaN() 方法的示例代码：
// 判断变量是否为 NaN
const result1 = Number.isNaN(NaN); // true
const result2 = Number.isNaN("hello"); // false
// 在数组中查找 NaN
const numbers = [1, 2, NaN, 4, 5];
const index = numbers.findIndex(Number.isNaN); // 2总结
本文介绍了 ECMAScript 2021 （ES12）中新增的 Number.isNaN() 方法。与传统的 isNaN() 方法不同，Number.isNaN() 方法更准确地判断一个值是否为 NaN，避免了在转换类型上出现的问题。在实际开发中，我们应该根据具体场景进行选择，避免不必要的错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e70cdef6b2d6eab3265bd0