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。
所以![]false0.

[] == 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==0True,所以[] == falseTure

二、!![] == 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 == falseFalse,所以!![] == falseFalse

[] == falseTrue!![] == falseFalse

其他链接

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容