javascript中NaN的特点和理解,如何判断一个值是NaN


首先明确一点,NaN不是独立的数据类型,而是一个特殊数值,它的数据类型依然属于Number。

typeof NaN // 'number'

一、那么NaN有哪些特点?

  1. NaN不等于NaN
    NaN === NaN // false
    
    由此,联想到indexOf函数,它内部使用的是===来做比较,如下:
    [NaN].indexOf(NaN) // -1
    
    再次联想,includes函数呢?来看结果
    [NaN].includes(NaN) // true
    
    为什么呢,因为它内部使用的相等机制,是零值相等
  2. 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

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值