美文网首页前端核心知识让前端飞
[]==![]结果为true,[]==[]结果为false探究

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

作者: 倚剑闯天涯_ | 来源:发表于2019-11-12 08:26 被阅读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

相关文章

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

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

  • js中 '||' 和 '&&' 的区别

    1.|| 或,a||b:若a为true,则结果为a;若a为false,则结果为false; var c=11; ...

  • js的 && 与 || 逻辑判断应用

    && (并且): 两个条件都为true时,结果为true; 有一个条件为false,结果为false; 当第一个条...

  • js的 || 与 && 使用

    逻辑与 && 两边条件都为true时,结果才为true; 如果有一个为false,结果就为false; 当第一个条...

  • "=="与".equals"

    输出结果为 true false truen==m结果为true,这个很容易理解,变量n和变量m存储的值都为3,肯...

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

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

  • JavaScript 中的 || 和 &&

    只要 || 前面为 false,无论 || 后面是true还是 false,结果都返回 || 后面的值。 只要 |...

  • 理解String.intern()

    直接上代码,一个很小的知识点。 结果为 true false true

  • 短路

    1、只要“||”前面为false,无论“||”后面是true还是false,结果都返回“||”后面的值。 2、只要...

  • Python | 字典练习

    黑色背景为代码输入,白色背景为输出结果 hello anaconda "name False True 喜欢rap...

网友评论

    本文标题:[]==![]结果为true,[]==[]结果为false探究

    本文链接:https://www.haomeiwen.com/subject/amcfictx.html