isNaN 与 Number.isNaN 的区别

By 刘志军 , 2021-10-29, 分类: javascript

1、NaN 是什么

NaN 是一个数值类型,与普通数值如1,2,3 都属于同一类型,但它是一个特殊的数值叫“非数值”,Not a Number。

console.log(typeof(NaN)) // 'number'

什么情况下会得到这个值呢? 有以下几种情况

1、 0/0 会得到 NaN
2、 Infinity/Infinity
3、 无法转换为数值的操作数,例如:parseInt('a')

NaN 与任何值相比较都不相等, 包括NaN与NaN比较两者也不相等。

console.log(NaN===NaN)  //false

那如何判断某个变量的值是否为为NaN呢? 答案是使用全局函数 isNaN 或者 Number.isNaN 方法

2、isNaN

isNaN(x) 是全局函数,用来确定一个值是否为NaN,只有当参数x的值为NaN或者无法转换为数值的非数值返回true。

isNaN(NaN)  // true
isNaN('a')  // true   字符串 “a” 无法转换为数值
isNaN('1')  // false , 字符串“1” 可以转换为数值 1
isNaN("")   // false  空字符串可以转换为0, 因为 Number("") == 0, 另外 null, 空格字符串 " ", 空数组[], 只有一个元素的数值数组[1] 或者 ["1"]都可以转换为0, isNaN 都返回false
isNAN("123a") // true , 因为 Number("123a") 的结果是NaN

3、Number.isNaN

Number.isNaN(x)是判断变量值是否为NaN 更为严格的一种方法,只有当x与全局常量NaN具有相同值才返回true。 它不会自动将参数做数值转换

Number.isNaN("a") // false, 字符串a就是a,不会做任何转换,所以它不是NaN,返回false
Number.isNaN(NaN) // true

4、如何判断是否为数值

最后问题来了, 如何使用 isNaN 或者 Number.isNaN 来判断某个变量的值是否为数值吗? 例如:

if (!isNaN(x)){
    console.log("x是数值")  // 即使if表达式的值为true,也不能说明x是数值
}

答案肯定不行,因为 isNaN 为 false 时,变量不一定是数值,例如字符串“1”既不是NaN,也不是数值。

要严格判断是否为数值且不是NaN可以表达式

if(typeof x === 'number' && !isNaN(x)){

    console.log("x是数值") // 这样x才是真正的数值 
}

如果判断是不是整数,其实可以用 Number.isInteger

参考文档:

  1. https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/isNaN
  2. https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Number/isNaN

关注公众号「Python之禅」,回复「1024」免费获取Python资源

python之禅