当前位置:网站首页>关于NaN的一些总结

关于NaN的一些总结

2022-06-26 12:32:00 铁锤妹妹@

首先明确一点,NaN不是独立的数据类型,而是一个特殊数值,它的数据类型依然属于Number。是not a number的缩写,表示非数字

typeof NaN // 'number'

1. 出现NaN的原因

可能原因:

  1. 操作的两个数,类型不一致
var a = 10;
var b ;  //undefined 
console.log(a + b)  //NaN 相当于10 + undefined 
  1. 其中一个值为NaN,计算后仍为NaN
 NaN + 1   //NaN
 10*NaN    //NaN
  1. 一个不能被解析的数字
    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转换成数字)
加号“+” 可理解为字符串拼接(+“”转换成字符串)

在这里插入图片描述

参考:
(JS)isNaN()方法判断undefined为true的原因
isNaN()部分总结
JS中的NaN

原网站

版权声明
本文为[铁锤妹妹@]所创,转载请带上原文链接,感谢
https://blog.csdn.net/weixin_45811256/article/details/125414058