js之类型转换

区别：

　　相等和不相等——先转换再比较（==）

　　全等和不全等——仅比较而不转换（===）

规则：　

在转换不同的数据类型时，对于相等和不相等操作符：在JS高程中一书中给出如下的基本转换规则：

　　①、如果有一个操作数是布尔值，则在比较相等性之前先将其转换为数值——false转换为0，而true转换为1；

　　②、如果一个操作数是字符串，另一个操作数是数值，在比较相等性之前先将字符串转换为数值

　　③、如果一个操作数是对象，另一个操作数不是，则调用对象的valueOf()方法，用得到的基本类型值,如果没有得到基本数据类型值就会调用toString按照前面的规则进行比较

这两个操作符在进行比较时则要遵循下列规则。

　　①、null 和undefined 是相等的

　　②、要比较相等性之前，不能将null 和 undefined 转换成其他任何值

　　③、如果有一个操作数是NaN，则相等操作符返回 false ，而不相等操作符返回 true。重要提示：即使两个操作数都是NaN，相等操作符也返回 false了；因为按照规则， NaN 不等于 NaN

　　④、如果两个操作数都是对象，则比较它们是不是同一个对象，如果两个操作数都指向同一个对象，则相等操作符返回 true；否则，返回false

举个经典的栗子解释一下：

[ ] == ![ ];

！可将变量转换成boolean类型，null undefined NaN ""(空字符串) 0取反都为true，其余都为false。

①、根据运算符优先级，！的优先级是大于 == 的，所以先会执行 ![] ，! [] 运算后的结果就是 false -->> 等式变成 [ ] == false。

②、根据上面提到的规则（如果有一个操作数是布尔值，则在比较相等性之前先将其转换为数值——false转换为0，而true转换为1），则需要把 false 转成 0 -->> 等式变成 [ ] == 0。

③、根据上面提到的规则（如果一个操作数是对象，另一个操作数不是，则调用对象的valueOf()方法，用得到的基本类型值按照前面的规则进行比较，如果没有得到基本数据类型值，则调用 toString()）

　　　　而对于空数组，[].toString() -> ""(返回的是空字符串) -->> 等式变成 "" == 0。

④、根据上面提到的规则（如果一个操作数是字符串，另一个操作数是数值，在比较相等性之前先将字符串转换为数值）

　　　　Number("") -> 返回的是 0 -->> 等式变成 0 == 0。

总结一下：

[] == ! [] -> [] == false -> [] == 0 -> '' == 0 -> 0 == 0 -> true

{} == !{} 的解法同理：

关键在于 :

　　({}).toString() -->> "[object,Object]"

　　Number("[object,Object]" ) -->> NaN(返回NaN)

　　根据上面的规则（如果有一个操作数是NaN，则相等操作符返回 false）

总结一下：

{} == ! {} -->> {} == false -->> {} == 0 -->> "[object,Object]" == 0 NaN == 0 -->> false

再举个有趣的面试题栗子：a==1&&a==2&&a==3 (令这个等式成立)

第一种解法：

    const a = {
        i: 1,
        valueOf: function() {
            return a.i++
        }
    }
    console.log(a==1&&a==2&&a==3) //返回true

第二种解法：

    const a = {
        value:[3,2,1],
        valueOf: function () {
            return this.value.pop();
        }
    }
    console.log(a==1&&a==2&&a==3)  //返回true

当然，重写toString的方法效果也是一样的。

涉及到操作符的问题，valueOf的优先级比toString的优先级高，涉及到显示问题，toString方法优先级比valueOf方法高。

但是重写toString的话，toString的优先级会比valueOf的高。

涉及属性赋值的问题：

    let a = {},
    b = { key: 'b' };
    c = { key: 'c' };
    a[b] = 123;
    a[c] = 456;
    console.log(a[b]);   //456
    
    // 给如果对象的属性类型不是一个字符串时,就会去转换.
        // js会自动让对象去调用这两个方法,默认先valueOf(),如果没有得到简单数据类型,再去调用toString()
        // 其中对象a中的属性 b ==> "[object,Object]" ,等同于 给对象a,使用[]语法,去添加属性并赋值
        // 再看对象a中的属性 c ==> "[object,Object]" ,等同于 修改同一个属性的属性值,所以最终的到的结果是456

区别：

规则：

举个经典的栗子解释一下：

[ ] == ![ ];

{} == !{} 的解法同理：

再举个有趣的面试题栗子：a==1&&a==2&&a==3 (令这个等式成立)

涉及属性赋值的问题：

猜你喜欢

规则：　