javascript 隐式转换 == 之 [ ]==![ ] 结果为true,而{ }==！{ } 结果为false

Posted 2021-12-17 jny1990

 

ECMAScript中的隐式转换 == 会先将两边转换成相似的类型，再执行比较；

①、如果有一个操作数是布尔值，则在比较相等性之前先将其转换为数值——false转换为0，而true转换为1；
②、如果一个操作数是字符串，另一个操作数是数值，在比较相等性之前先将字符串转换为数值
③、如果一个操作数是对象，另一个操作数不是，则调用对象的valueOf()方法，用得到的基本类型值按照前面的规则进行比较，如果对象没有valueOf()方法，则调用 toString()；

顺便提一下，valueOf() 方法可返回 Boolean 对象的原始值。[ ] 和 都是属于引用类型，js变量存储有栈存储和堆存储，基本数据类型的变量存储在栈中，引用数据类型的变量存储在堆中，引用类型数据的地址存在栈中，当访问基础类型变量时，直接从栈中取值。当访问引用类型变量时，先从栈中读取地址，在根据地址到堆中取出数据；

 现在看看 [ ]==![ ] 的结果为true：

（1）根据运算符优先级 ，！ 的优先级是大于 == 的，所以先会执行 ![ ] ；！可将变量转换成boolean类型，null、undefined、NaN以及空字符串(‘‘)取反都为true，其余都为false。所以 ! [ ] 运算后的结果就是 false，也就是 [ ] == ! [ ] 相当于 [ ] == false；

（2）根据上面的规则① ，[ ] ==![ ]相当于 [ ] == 0；

（3）根据上面的规则③，[ ].toString() = ‘  ‘ (空字符串)；

（4）根据上面的规则②，空字符串转为数值为0，所以 [ ] == ![ ] 相当于 0=0，结果为true。

总结一下：

[ ] ==![ ]  -->  [ ] == false  -->  [ ] ==0  -->   ‘  ‘ == 0   --> 0==0 --> true;

对于 ==! 也是同理的，关键在于 .toString() --> 结果为NaN， NaN==0 --> false;

那么同理，

对于 [ ]==! 结果为true； ==![ ] 接果为false 就很容易理解了。