首先明确一点,NaN不是独立的数据类型,而是一个特殊数值,它的数据类型依然属于Number。
typeof NaN // 'number'
一、那么NaN有哪些特点?
- NaN不等于NaN
由此,联想到indexOf函数,它内部使用的是===来做比较,如下:NaN === NaN // false
再次联想,includes函数呢?来看结果[NaN].indexOf(NaN) // -1
为什么呢,因为它内部使用的相等机制,是零值相等[NaN].includes(NaN) // true
- NaN和任何数的运算,结果都是NaN
NaN + 1 // NaN NaN - 2 // NaN NaN * 3 // NaN NaN / 4 // NaN NaN + '2' // NaN
二、这么牛逼的一个值,如何判断是否是它呢
js官方提供,isNaN函数,如下:
isNaN(NaN) // true
但是请注意,isNaN只对数值有效,如果传入其他值,会被先转成数值。
比如,传入字符串的时候,会先使用Number转值,所以最后返回true,这一点要特别引起注意。也就是说,isNaN为true的值,有可能不是NaN,而是一个字符串。
我们来做一些实验
// true,因为 Number('Hello') 的值的 NaN
isNaN('Hello') // true
// true,因为 Number({}) 的值的 NaN
isNaN({}) // true
// false,因为 Number([1]) 的值的 1
isNaN([1]) // false
// false,因为 Number(['1']) 的值的 1
isNaN(['1']) // false
// false,因为 Number(['xzy']) 的值的 NaN
isNaN(['xzy']) // true
// false,因为 Number([]) 的值的 0
isNaN([]) // false
乱七八糟一顿测试,凉了,该函数根本无法来判断,不过你是否忘记上面的特性的第一条,NaN不等于NaN,我们根据该特性,自己写个函数如何?
function myIsNaN(value) {
return value !== value;
}
myIsNaN(1) // false
myIsNaN('1') // false
myIsNaN(null) // false
myIsNaN(undefined) // false
myIsNaN([]) // false
myIsNaN({}) // false
myIsNaN([1]) // false
myIsNaN(['1']) // false
myIsNaN(['xyz']) // false
myIsNaN(NaN) // true