美文网首页前端核心知识让前端飞
[]==![]结果为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探究

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