map遍历对象数组时不修改原数组但会修改原对象引用，需用展开运算符或Object.assign浅拷贝；嵌套对象需深拷贝；避免直接赋值；复杂类型推荐structuredClone；开发时可用Object.freeze辅助检测。
在 JavaScript 中用 map 遍历对象数组时，**默认不会修改原数组，但很容易意外修改原对象本身**——因为 map 只创建了新数组，数组里的每个元素（即对象）仍是原对象的引用。只要你在回调函数里直接修改对象属性（比如 item.name = 'xxx'），原对象就被改了。
用展开运算符或 Object.assign 浅拷贝对象
这是最常用、最直观的方式：确保每次返回的是一个新对象，而非原对象引用。
✅ 正确写法（浅拷贝）：
const users = [{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }];
const updatedUsers = users.map(user => ({ ...user, name: user.name.toUpperCase() }));
// 或：user => Object.assign({}, user, { name: user.name.toUpperCase() })
⚠️ 注意：这只是浅拷贝。如果对象里有嵌套对象（如 address: { city: 'Beijing' }），修改 address.city 仍会影响原对象。深层嵌套需用结构化克隆或深拷贝库（如 lodash 的 cloneDeep）。
立即学习“Java免费学习笔记（深入）”；
避免在 map 回调中直接赋值原对象属性
常见错误是把 map 当成 forEach 用，一边遍历一边改原对象：
你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。 它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在
// ❌ 危险！原数组里的对象被修改了
users.map(user => {
user.name = user.name.toUpperCase(); // 直接改了原 user 对象
return user;
});
✅ 安全做法：只读取、不修改，所有变更都通过新对象体现：
- 不要出现
user.xxx = ...或user['xxx'] = ... - 不要调用会改变原对象的方法，如
user.tags.push(...) - 如需更新嵌套属性，先拷贝外层，再拷贝内层（例如
{ ...user, address: { ...user.address, city: 'BEIJING' } }）
用结构化克隆处理含函数、日期、Map/Set 的复杂对象
如果对象里有 Date、RegExp、Map、Set 或方法，展开运算符和 Object.assign 无法正确复制它们（会丢失类型或变成空对象）。
✅ 推荐使用 structuredClone（现代浏览器及 Node.js 17.0+ 支持）：
const complexItems = [
{ id: 1, createdAt: new Date(), tags: new Set(['js']) }
];
const cloned = items.map(item => {
const copy = structuredClone(item);
copy.id += 100;
return copy;
});
⚠️ 不支持 structuredClone 的环境可降级为 JSON 序列化（仅限纯数据对象，不含函数、undefined、Symbol、循环引用）：
JSON.parse(JSON.stringify(item))
用只读视角辅助检查（开发阶段）
可在开发时临时冻结原对象，让误修改立刻报错：
const original = Object.freeze([
Object.freeze({ id: 1, name: 'Alice' }),
Object.freeze({ id: 2, name: 'Bob' })
]);
original.map(item => {
item.name = 'Charlie'; // TypeError: Cannot assign to read only property
});
注意：这仅用于调试，上线前应移除；且 Object.freeze 是浅冻结，嵌套对象仍可修改。
