js双等号探索(一): [] == ![]为Ture ？

[] == false; //为True
!![] == false; //为False

一、[] == false为True

第一步 转成[] == 0

根据 MDN Web 文档-比较操作符:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Comparison_Operators

0.png

如果其中一个操作数为布尔类型，那么布尔操作数如果为true，那么会转换为1，如果为false，会转换为整数0，即0。
所以![]为false为0.

[] == 0

第二步 转成"" == 0

根据 MDN Web 文档-比较操作符:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Comparison_Operators

image.png

如果一个对象与数字或字符串相比较，JavaScript会尝试返回对象的默认值。操作符会尝试通过方法valueOf和toString将对象转换为其原始值（一个字符串或数字类型的值）。
所以[].valueOf().toString()为""

"" == 0

第三步 转成0 == 0

根据 MDN Web 文档-比较操作符:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Comparison_Operators

image.png

当比较数字和字符串时，字符串会转换成数字值。 JavaScript 尝试将数字字面量转换为数字类型的值。
Number("")为0。

0 == 0

最后0==0位True,所以[] == false为Ture

二、!![] == false为False

第一步 先运行!![]

根据 MDN Web 文档-运算符优先级:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator_Precedence

感叹号.png 等号.png

!的优先级为16 ,==的优先级为10，!的优先级更高，所以先运行!![]

!![]

第二步 先运行!false

根据 《Javascript高级程序设计》这本书第44页中逻辑非的说明：

!.jpeg

如果操作数是一个对象，返回false

所以运行!false，为True

!false //为True

最后true == false为False,所以!![] == false为False

则[] == false为True而!![] == false为False。

其他链接

• https://raoenhui.github.io/js/2018/09/22/compare1/
• https://raoenhui.github.io/js/2018/09/23/compare2/
• https://raoenhui.github.io/js/2018/09/28/compare3/