JavaScript 中的引用相等性和值相等性

在 JavaScript 中，理解不同数据类型的比较行为对于编写正确且高效的代码至关重要。本文将探讨 == 运算符如何处理基本类型和引用类型的比较，并通过示例来加深理解。

== 比较运算符

== 是 JavaScript 中用于检查两个值是否相等的运算符。它会根据操作数的数据类型执行不同的比较逻辑：

• 基本类型（如 number, string, boolean）：直接比较它们的值。
• 引用类型（如 Array, Object, Function 等）：比较的是对象的引用，即它们在内存中的地址。

示例代码分析

考虑下面这段代码：

let a = [1, 2, 3];
const mySet = new Set([a, 2, 3, 4, 5]);

for (let item of mySet) {
    console.log(item);
}
console.log(mySet.has([1, 2, 3])); // 返回 false

mySet.has([1, 2, 3]) 同样返回 false，因为 has 方法是基于对象引用进行比较的，而新创建的数组 [1, 2, 3] 与 Set 中原有的数组 a 不是指向同一块内存地址。

不同数据类型的比较

基本类型

对于基本类型，== 比较它们的值：

console.log(1 == 1); // true
console.log('hello' == 'hello'); // true
console.log(true == true); // true

引用类型

对于引用类型，== 比较的是引用，而不是内容：

let arr1 = [1, 2, 3];
let arr2 = [1, 2, 3];
console.log(arr1 == arr2); // false

let obj1 = { a: 1 };
let obj2 = { a: 1 };
console.log(obj1 == obj2); // false

元组（Tuple）

JavaScript 使用数组来模拟元组，因此也是基于引用比较：

let tuple1 = [1, 2, 3];
let tuple2 = [1, 2, 3];
console.log(tuple1 == tuple2); // false

字典（Dictionary）

使用 Object 或 Map 实现的字典同样基于引用比较：

let dict1 = { a: 1, b: 2 };
let dict2 = { a: 1, b: 2 };
console.log(dict1 == dict2); // false

let map1 = new Map([['a', 1], ['b', 2]]);
let map2 = new Map([['a', 1], ['b', 2]]);
console.log(map1 == map2); // false

总结

• 当使用 == 来比较基本类型时，实际上是在比较它们的值。
• 当使用 == 来比较引用类型时，实际上是在比较它们的引用，而不是它们所包含的内容。
• 如果需要比较引用类型的值而非引用，可以使用 JSON.stringify() 转换为字符串后再比较，或者实现自定义的深比较函数。