在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是一个具体的数字。