正文

揭秘JS判断NaN的五大绝招，轻松应对NaN烦恼

/0 浏览量
0329

在JavaScript中，NaN（Not-a-Number）是一个特殊的值，用于表示非数值。由于NaN与任何值比较都会返回false，这使得在处理数值计算时很容易忽略或混淆。本文将介绍五种判断NaN的方法，帮助开发者轻松应对与NaN相关的问题。

方法一：使用isNaN()

isNaN() 函数用于检测一个值是否是NaN。如果传递给isNaN()的参数是NaN，则返回true。

console.log(isNaN(NaN)); // true
console.log(isNaN(10));   // false
console.log(isNaN('10')); // true
console.log(isNaN('abc')); // true

需要注意的是，isNaN()对非数值的字符串也会返回true，因此它并不是一个完美的判断NaN的方法。

方法二：使用Number.isNaN()

Number.isNaN() 是 ES6 引入的新方法，用于检测一个值是否是NaN。与isNaN()不同，Number.isNaN()不会对非数值的字符串返回true。

console.log(Number.isNaN(NaN)); // true
console.log(Number.isNaN(10));   // false
console.log(Number.isNaN('10')); // false
console.log(Number.isNaN('abc')); // false

方法三：使用类型转换

由于NaN与任何值比较都会返回false，我们可以利用这一点来判断一个值是否是NaN。

function isMyNaN(value) {
  return value !== value;
}

console.log(isMyNaN(NaN)); // true
console.log(isMyNaN(10));   // false

这种方法利用了NaN的唯一特性：它不等于自身。

方法四：使用Object.is()

Object.is() 方法用于比较两个值是否严格相等。与==和===不同，Object.is()会正确处理NaN。

console.log(Object.is(NaN, NaN)); // true
console.log(Object.is(10, 10));   // true
console.log(Object.is('10', '10')); // true
console.log(Object.is('abc', 'abc')); // true
console.log(Object.is(NaN, 'abc')); // false

方法五：使用自定义函数

除了以上方法，我们还可以根据实际需求自定义一个函数来判断NaN。

function isCustomNaN(value) {
  return typeof value === 'number' && isNaN(value);
}

console.log(isCustomNaN(NaN)); // true
console.log(isCustomNaN(10));   // false
console.log(isCustomNaN('10')); // false
console.log(isCustomNaN('abc')); // false

这个方法结合了类型检查和isNaN()函数，可以有效地判断一个值是否是NaN。

总结

在JavaScript中，判断NaN有多种方法，开发者可以根据实际情况选择合适的方法。本文介绍的五种方法可以帮助开发者轻松应对与NaN相关的问题。

-- 展开阅读全文 --