首先明确一点,NaN不是独立的数据类型,而是一个特殊数值,它的数据类型依然属于Number
。是not a number的缩写,表示非数字
。
typeof NaN // 'number'
1. 出现NaN的原因
可能原因:
- 操作的两个数,类型不一致
var a = 10;
var b ; //undefined
console.log(a + b) //NaN 相当于10 + undefined
- 其中一个值为NaN,计算后仍为NaN
NaN + 1 //NaN
10*NaN //NaN
- 一个不能被解析的数字
Number('abc') //NaN
Number(undefined) //NaN
为防止出错在计算之前console一下,查看计算的数字的具体类型。防止出错。
2. 关于NaN
NaN是唯一一个
和自身不相等的值:
NaN === NaN // false
如果想确定这个值是不是NaN,可以利用NaN的特殊性;
值是否与本身不相等(NaN是唯一有这样特性的值
)
function isValueNaN(value){
return value !== value
}
3. 如何辨别NaN(非数字)
可以用isNaN()
来判断一个数值是不是非数字
,并不是用来判断是不是NaN这个值,这个地方可能刚看有点绕,多看几遍就能体会了;
isNaN(undefined) //true
isNaN(NaN) //true
isNaN('0') //false
为什么说isNaN() 不是判断NaN这个值呢?
因为isNaN() 对非数字不起作用,他首先是Number()
把值转成数字,转换结果可能是NaN,然后就返回true
4. 关于isNaN()
项目中使用 isNaN(undfined)结果是true,不是很明白,百度问题发现
使用 isNaN() 判断是不是 NaN 时,此方法会使用 Number() 方法做一个转换,任何非数字都会被 强制类型 转换,undefined 被转换后为 NaN ,所以显示 true;
isNaN(xxx) 其实与 isNaN(Number(xxx)) 等价
值得一提的是,isNaN() 转换时除了null,数组类型,空字符串和布尔值会被强制转换为数值0或1,返回false之外;其余非数字类型都会被转为NaN,返回true
举例:
isNaN(NaN) //true
isNaN(undefined) //true
isNaN({}) //true
isNaN(true) //false true 会转换为 1,false 转换为 0
isNaN(null) //false null转为0
isNaN(66) //false
//strings
isNaN('66') //false 被转换成数值66
isNaN('66.88') //false 被转换成数值66.88
isNaN("") //false 空字符串转为0,是数字
isNaN(" ") //false 包含空格的字符串被转换成0
//dates
isNaN(new Date()) //false
isNaN(new Date().toString()) //true 转成了字符串文字,非数字
isNaN("kkk") //true "kkk"不能转换成数字,值是NaN
5. isNaN()和NaN的区别
isNaN() 是一个全局方法(挂在window对象上的方法),它的作用是检查一个值是否能被Number() 成功转换。能转换成功,就返回false,否则返回true。
是Boolean类型
NaN是一个特殊数值,不是数据类型。
当一个字符串不能被Number,parseInt或parseFloat成功转换时,就返回NaN
NaN是唯一一个和自身不相等的值, NaN !== NaN
6. 关于隐式转换
减号“-” 可理解为减法运算 (-0转换成数字)
加号“+” 可理解为字符串拼接(+“”转换成字符串)