[]==![]结果为true,[]==[]结果为false探究 == 本质

关于==与===的区别相信大家都很清楚啦,这理解不再赘述,今天我们来看下[]==![]的结果。

这是最近碰到过得一个面试题,恩,华丽丽的答错了:

[]==[] //false,这个是常识,因为在两边都是相同数据类型时,==是直接比较两边数据,结果为false,因为[]属于引用类型,在两个[]分别指向不同的堆内存,不熟悉的引用类型的小伙伴请参考楼主文章:值类型引用类型;


而当前这题:

[]==![]//true

这个结果是怎么的出来的呢?

首先我们知道,!的优先级要大于==的,所以先运算右边,![]---->结果为false,

这样[]==![]就等价于于:

[]==false

再来看,这时候==两边数据类型就不相等辣,我们知道,当==两边数据类型不一致时,要先做数据类型转换,再判断,

== 类型转换规则如下: 
值类型 == 值类型 //相当于 Number(值类型) == Number(值类型)

引用类型 == 值类型 // 对象转化成原始类型的值,再进行比较

比较规则:数组与数值进行比较,会先转成数值,再进行比较;与字符串进行比较,会先转成字符串,再进行比较;与布尔值进行比较,两个运算子都会先转成数值,然后再进行比较。

我们知道值类型之间==:

'true' == true //false,Number('true')为NAN,Number(true)为1

那么本题值类型和引用类型之间==

[] == false //相当于,Number([])为0,Number(false)为0,

所以0==0//true。

过程:[]==![] ----> []==false -----> 0==0 --->//true

其实更详细还可参考知乎上的一个回答:因为 [] 是对象,比较过程依ToPrimitive([]) == false 比较。ToPrimitive 默认是调用 toString 方法的,于是 ToPrimitice([]) 等于空字符串,即''==false,然后ToNumber('')==0,即0==0,true。附链接:知乎Belleve用户回答。

相等运算符(==)隐藏的类型转换,会带来一些违反直觉的结果,下面整理一些:

[]==![]结果为true,[]==[]结果为false探究 == 本质

[]==![]结果为true,[]==[]结果为false探究 == 本质