js双等号探索(三): [] == false为True,而!![] == false为False ？

[] == false; //为True
!![] == false; //为False
复制代码

一、[] == false为True

第一步 转成[] == 0

根据 MDN Web 文档-比较操作符:developer.mozilla.org/zh-CN/docs/…

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

[] == 0
复制代码

第二步 转成"" == 0

根据 MDN Web 文档-比较操作符:developer.mozilla.org/zh-CN/docs/…

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

"" == 0
复制代码

第三步 转成0 == 0

根据 MDN Web 文档-比较操作符:developer.mozilla.org/zh-CN/docs/…

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

0 == 0
复制代码

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

二、!![] == false为False

第一步 先运行!![]

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

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

!![]
复制代码

第二步 先运行!false

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

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

所以运行!false，为True

!false //为True
复制代码

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

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

其他链接

• raoenhui.github.io/js/2018/09/…
• raoenhui.github.io/js/2018/09/…
• raoenhui.github.io/js/2018/09/…

Happy coding ..