==和===以及ES6中的Object.is()

在js中,我们知道基本类型和引用类型的数值,在比较数值相等时,有三种方法,分别是:==、===和Object.is()

其中,== 在比较基本类型的值,它会尝试强制类型转换并且比较不同类型的操作数。就像 + 号一样,+号在数字的情况下,会进行类型转换。比如:

'1' + 1 = '11'
true + 1 = 2

1 == '1' // true
1 == true // true

重要的是,我们知道js中的falsy值有这些:false、0、''、undefined、null、NaN,其中false、0和''是相等的,而undefined和null是相等的,NaN跟任何值都不相等,甚至是它自己

        // true
        console.log(false == 0)
        console.log(false == '')
        console.log(0 == '')
        // false
        console.log(undefined == 0)
        console.log(undefined == false)
        console.log(undefined == '')
        // false
        console.log(null == 0)
        console.log(null == '')
        console.log(null == false)
        // true
        console.log(undefined == null)
        // false
        console.log(NaN == NaN)

而绝对等于===,在比较基本类型的时候,是不会进行类型转换的。

        // false
        console.log(false === 0)
        console.log(false === '')
        console.log(0 === '')
        
        console.log(undefined === null)

=== 严格相等,相对于==提升性能。关于性能、全等和全等:有些开发者认为,最好永远都不要使用相等操作符。全等操作符的结果更容易预测,并且因为没有隐式转换,全等比较的操作会更快。(等式 (x !== x) 成立的唯一情况是 x 的值为 NaN),即和自己不相等的只有NaN,此处需要注意ES6中的Symbol类型:

        console.log(Symbol('a') === Symbol('a')) // false
        const s = Symbol('a')
        console.log(s === s) // true

了解Symbol类型的都知道,Symbol函数得到的值是唯一的,而接收的参数是一个标识而已,所以Symbol('a') === Symbol('a') 是false

再来聊一下Object.is(),在Object构造函数上有个is方法,其设计的目的就是来判断两个值是不是相等的,所以可以用来判断NaN

        console.log(Object.is(Symbol('a'), Symbol('a'))) // false
        console.log(Object.is('', false)) // false
        console.log(Object.is(null, undefined)) // false
        console.log(Object.is(NaN, NaN)) // true

以上三种方法在判断引用值时,都是判断的索引:

        const arr = [1,2,3]
        const arr1 = arr
        console.log(arr == arr1) // true
        console.log(arr === arr1) // true
        console.log(Object.is(arr, arr1)) // true

写下这篇文章的原因是,总是有人认为undefined == false 返回值是true,说明对falsy值的比较理解不对。

NaN === NaN 是 false,NaN表示一个非数字的number类型。因为左右都不是一个数,那么可以是其他值,所以不相等。但是Infinity === Infinity 是true,我们认为Infinity是一个具体的数字。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值