为何JavaScript Map中使用复杂对象键查找会失效？

AI 小北

2026-6-15

为什么Map用结构相同的对象键调用has()返回false？

这是因为JavaScript里的对象是引用类型，两个结构完全一样的对象，本质上是内存中两个独立的地址。而Map判断键是否相等用的是SameValueZero算法：

对于原始类型（比如字符串、数字），比较的是值是否相等
对于引用类型（比如对象），比较的是引用地址是否相同

看你的代码：

addItem里创建的key是一个新对象
lookup里创建的key是另一个新对象
虽然它们的属性和值完全一样，但这是两个不同的引用，所以Map认不出它们是同一个键，has()自然返回false。

解决方法

这里给你两种常用的处理方式：

1. 使用同一个对象引用当键

如果可以在不同函数间共享同一个对象引用，直接用它作为Map的键即可：

let errorItemPages = new Map();
// 定义共享的键对象
const sharedKey = {app:"App", code:5};

function addItem() {
    errorItemPages.set(sharedKey, "five");
}

function lookup() {
    console.log(errorItemPages.has(sharedKey)); // 输出 true
}

addItem();
lookup();

2. 将对象转为可哈希的原始类型当键

如果无法共享引用，可以把对象转成字符串（比如JSON序列化）作为键，这样结构相同的对象会生成相同的字符串：

let errorItemPages = new Map();

// 封装一个生成键字符串的函数
function generateKey(obj) {
    // 注意：JSON.stringify会受属性顺序影响，且无法处理循环引用
    return JSON.stringify(obj);
}

function addItem() {
    const key = {app:"App", code:5};
    errorItemPages.set(generateKey(key), "five");
}

function lookup() {
    const key = {app:"App", code:5};
    console.log(errorItemPages.has(generateKey(key))); // 输出 true
}

addItem();
lookup();