JS中容易忽略的知识点(二): [0] != true

1. 题目

var a = [0];
if ([0]) {
 console.log(a == true);
} else {
 console.log("wut");
}

题目来源: http://javascript-puzzlers.herokuapp.com/

2. 解析

  1. if 条件中的 [0] 转化为 true: 因为任意对象转换成布尔类型都为true;
  2. [0] == true: true 转换为数字 1; [0] 先转换成字符串 "0", 再转换成数字 0;

引自MDN:

当比较运算涉及类型转换时 (i.e., non–strict comparison), JavaScript 会按以下规则对字符串,数字,布尔或对象类型的操作数进行操作:

  • 当比较数字和字符串时,字符串会转换成数字值。 JavaScript 尝试将数字字面量转换为数字类型的值。 首先, 一个数学上的值会从数字字面量中衍生出来,然后这个值将被转为一个最接近的Number类型的值。
  • 如果其中一个操作数为布尔类型,那么布尔操作数如果为true,那么会转换为1,如果为false,会转换为整数0,即0。
  • 如果一个对象与数字或字符串相比较,JavaScript会尝试返回对象的默认值。操作符会尝试通过方法valueOf和toString将对象转换为其原始值(一个字符串或数字类型的值)。如果尝试转换失败,会产生一个运行时错误。
  • 注意:当且仅当与原始值比较时,对象会被转换为原始值。当两个操作数均为对象时,它们作为对象进行比较,仅当它们引用相同对象时返回true。

3. 答案

因此, 最终结果为: false

你可能感兴趣的:(javascript前端)