如何更新Map对象的属性值？不覆盖其他属性的最优方案

嘿，这个问题太常见了——毕竟Map里存的对象是引用类型，直接用set覆盖肯定会丢掉其他属性。下面给你两种实用的方案，按需选择就行：

1. 直接修改对象属性（最优性能方案） #

因为Map存储的是对象的引用，不是副本，所以你可以直接取出对象修改属性，完全不用重新调用set。这是最简洁、性能最高的方式：

const map = new Map();
map.set('kfwwwdvh', { first: 1, second: 2});

// 先取出Map中的对象
const targetObj = map.get('kfwwwdvh');

// 建议加个判断，避免对象不存在时触发报错
if (targetObj) {
  targetObj.first = 'updated value';
}

console.log(map.get('kfwwwdvh')); // 输出 { first: 'updated value', second: 2 }

这种方法没有额外的对象创建或Map操作开销，完美满足你的需求——只更新指定属性，保留其他所有属性。

2. 不可变更新方案（适合需要数据纯净的场景） #

如果你不想直接修改原对象（比如在React、Redux这类需要 immutable 数据的场景），可以用扩展运算符或Object.assign创建新对象，再重新存入Map：

const map = new Map();
map.set('kfwwwdvh', { first: 1, second: 2});

const targetObj = map.get('kfwwwdvh');

if (targetObj) {
  // 合并原有属性和新属性，创建全新对象
  const updatedObj = { ...targetObj, first: 'updated value' };
  // 重新将新对象存入Map
  map.set('kfwwwdvh', updatedObj);
}

console.log(map.get('kfwwwdvh')); // 输出 { first: 'updated value', second: 2 }

这种方式会创建新对象，不会修改原引用，但有轻微的性能开销，适合对数据不可变性有严格要求的场景。

总结 #

• 绝大多数场景下，直接修改对象属性是最优选择，简单高效；
• 若需要保持数据不可变性，再考虑创建新对象重新set的方式。

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