前端核心知识让前端飞

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

2019-11-12  本文已影响0人  倚剑闯天涯_

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

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

[]==[] //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用户回答。

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

0 == ''             // true
0 == '0'            // true
 
2 == true           // false
2 == false          // false
 
false == 'false'    // false
false == '0'        // true
 
false == undefined  // false
false == null       // false
null == undefined   // true
 
' \t\r\n ' == 0     // true
\t \r \n都是转义字符,空格就是单纯的空格,输入时可以输入空格
\t 的意思是 横向跳到下一制表符位置
\r 的意思是 回车
\n 的意思是回车换行

原文链接:https://blog.csdn.net/qiqi_77_/article/details/79456605

上一篇下一篇

猜你喜欢

热点阅读