JS-隐式类型转换题集

题目

题1)

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

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

题2)

console.log([] == []);
console.log({} == {});
console.log([] == ![]);

题3)

console.log(null == undefined);
console.log(null == false);
console.log(null == '');
console.log(null == 0);
console.log(undefined == false);
console.log(undefined == '');
console.log(undefined == 0);
console.log(NaN == NaN);

解析

基本规则, 引自MDN:

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

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

题1)

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

因此答案为: false

题2)

console.log([] == []);
console.log({} == {});

1. 两个操作数均为对象时，它们作为对象进行比较，仅当它们引用相同对象时返回true.

因此答案为: false

console.log([] == ![]);

1. [] == ![] 转变为 '' == false 转变为 0 == 0

因此答案为: true

题3)

1. 不能将 null 和 undefined 转换成其他任何值，但要记住 null == undefined 会返回 true 。

因此答案为:

console.log(null == undefined);    // true
console.log(null == false);    // false
console.log(null == '');    // false
console.log(null == 0);        // false
console.log(undefined == false);    // false
console.log(undefined == '');    // false
console.log(undefined == 0);    // false
console.log(NaN == NaN);        // false