为何Chrome开发者控制台对同类数据输入返回不同相等比较结果？

嘿，这个问题其实是JavaScript里**抽象相等运算符（==）**的类型转换规则在搞鬼，我来一步步给你拆解清楚～

首先先把你的测试代码整理清楚：

第一次测试代码及结果解析 #

// 第一次测试
var a = [1, 2, 3];
var b = [1, 2, 3];
var c = "1,2,3";

a == c; // true
b == c; // true
a == b; // false

为什么a == c和b == c是true？ #

当你用==比较数组和字符串时，JavaScript会触发类型转换规则：数组会被自动转换成字符串（本质是调用数组的toString()方法）。[1,2,3].toString()的结果就是"1,2,3"，和变量c的内容完全一致，所以这两个比较都会返回true。

为什么a == b是false？ #

而当你用==比较两个数组对象时，它不会比较数组里的内容，而是直接比较它们的内存引用地址。a和b是两个完全独立的数组实例，存在不同的内存地址里，所以即使内容一模一样，a == b也会返回false。如果要比较数组内容是否相等，你得手动遍历元素或者用JSON.stringify(a) === JSON.stringify(b)这类方式（不过要注意特殊值的情况）。

第二次测试代码及结果解析 #

// 第二次测试
console.log(a == c); // 这里是第一次的a和c，结果还是true
console.log(b == c); // 同样是第一次的b和c，结果true
console.log(a == b); // 第一次的a和b，结果false

a = [1, 2, 3];
b = [a, 2, 3];
c = "1, 2, 3"; // 注意：这里的字符串逗号后多了一个空格！

console.log(a == c); // false
console.log(b == c); // false
console.log(a == b); // false

为什么这次a == c变成false了？ #

这次变量c的值是"1, 2, 3"（逗号后面有空格），而[1,2,3].toString()的结果是"1,2,3"（没有空格），两者内容不一致，所以转换后比较自然返回false。

为什么b == c是false？ #

变量b现在是[[1,2,3], 2, 3]，它调用toString()后会变成"1,2,3,2,3"（因为数组里的第一个元素也是数组，会被递归转成字符串），和c的"1, 2, 3"完全不匹配，所以返回false。

为什么a == b还是false？ #

和第一次测试的原因一样，a和b是两个不同的数组对象，内存引用地址不同，所以比较结果还是false。

总结一下 #

• 用==比较数组和字符串时，数组会先转成字符串再比较内容；
• 用==比较两个数组时，只比较内存引用，不比较内容；
• 如果想避免这种类型转换的坑，建议尽量用严格相等运算符（===），它不会做自动类型转换，只有类型和内容都完全一致时才返回true。

内容的提问来源于stack exchange，提问作者prabhatsri