yuanyuanbyte/Blog

JavaScript 基础系列之分析 [] == ![] 的结果

yuanyuanbyte opened this issue · 0 comments

yuanyuanbyte commented

本系列的主题是 JavaScript 基础，每期讲解一个技术要点。如果你还不了解各系列内容，文末点击查看全部文章，点我跳转到文末。

如果觉得本系列不错，欢迎 Star，你的支持是我创作分享的最大动力。

[] == ![] 结果是什么?

我们来分析一下: [] == ![] 是true还是false？

  1. 首先，我们需要知道 ! 优先级是高于 ==
  2. [] 引用类型转换成布尔值都是true,因此![]的是false
  3. 其中一方是 boolean，则将 boolean 转为 number 再进行判断，false转换成 number，对应的值是 0
  4. 有一方是 number，那么将object也转换成Number,空数组转换成数字，对应的值是0.(空数组转换成数字，对应的值是0，如果数组中只有一个数字，那么转成number就是这个数字，其它情况，均为NaN)
  5. 0 == 0; 为true

在这里插入图片描述

查看全部文章

博文系列目录

  • JavaScript 深入系列
  • JavaScript 专题系列
  • JavaScript 基础系列
  • 网络系列
  • 浏览器系列
  • Webpack 系列
  • Vue 系列
  • 性能优化与网络安全系列
  • HTML 应知应会系列
  • CSS 应知应会系列

交流

各系列文章汇总：https://github.com/yuanyuanbyte/Blog

我是圆圆，一名深耕于前端开发的攻城狮。

weixin