JavaScript 中怎么在 Map 的键中使用复杂引用类型对象-js教程-PHP中文网

map的键支持任意类型，但对象键按引用而非结构相等判断；需复用同一对象实例、缓存键或序列化为字符串来确保稳定访问。

javascript 中怎么在 map 的键中使用复杂引用类型对象

JavaScript 中 Map 的键可以是任意类型，包括对象、函数、甚至其他 Map 或 Set，这和普通对象（Object）只支持字符串/符号作为键有本质区别。但“使用复杂引用类型对象作键”本身没问题，真正需要注意的是：**键的相等性判断基于引用，而非结构**。

键比较基于引用，不是深相等

当你用两个内容相同但不同引用的对象作键，Map 会把它们视为两个不同的键：

const map = new Map();

const obj1 = { id: 1, name: 'Alice' };
const obj2 = { id: 1, name: 'Alice' }; // 内容相同，但新对象

map.set(obj1, 'data1');
map.set(obj2, 'data2');

console.log(map.size); // 2
console.log(map.get(obj1)); // 'data1'
console.log(map.get(obj2)); // 'data2'
console.log(map.get({ id: 1, name: 'Alice' })); // undefined（又一个新引用）

确保键可稳定访问：缓存或复用对象

如果想通过结构查找值，不能依赖每次新建对象。常见做法是：

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

复用同一个对象实例：提前创建好键对象，后续统一使用它
用唯一标识生成并缓存键对象：例如基于 ID 构建单例式键
封装成工具类管理键映射关系：避免外部随意构造键

// ✅ 推荐：用唯一 ID 创建可复用的键对象
const keyForUser = (id) => ({ __keyType: 'user', id });
const userKey1 = keyForUser(1001);
const userKey2 = keyForUser(1001); // 注意：这仍是新对象 ❌

// ✅ 更稳妥：用 WeakMap 缓存或 Map 自身做键池
const userKeyCache = new Map();
const getKey = (id) => {
  if (!userKeyCache.has(id)) {
    userKeyCache.set(id, { __keyType: 'user', id });
  }
  return userKeyCache.get(id);
};

map.set(getKey(1001), 'user-1001-data');
console.log(map.get(getKey(1001))); // 'user-1001-data'

替代方案：序列化结构为字符串键（适用于简单场景）

如果对象结构较简单且可预测（如纯数据对象、无函数/循环引用），可转为规范字符串作为键：

用 JSON.stringify + JSON.parse 配合排序 key（需注意 key 顺序不保证）
更可靠的做法：用 structuredClone（现代环境）+ 自定义序列化逻辑
或直接约定 key 字段，如 `user:${id}`、`config:${JSON.stringify(opts).replace(/["{}:\s]/g,'')}`

// ⚠️ 简单但有局限：仅适合扁平、确定结构
const makeKey = (obj) => JSON.stringify(obj, Object.keys(obj).sort());
const key = makeKey({ name: 'Bob', role: 'admin' }); // '{"name":"Bob","role":"admin"}'

map.set(key, 'config-bob-admin');
console.log(map.get(makeKey({ role: 'admin', name: 'Bob' }))); // 正确命中（因 key 已排序）