map不会修改原数组，它返回一个新数组；若原数组变化，通常是回调中直接修改了对象属性或误用了其他方法。
map 方法不会修改原数组，它返回一个新数组；如果你发现原数组变了，大概率是误用了其他方法或在回调里直接修改了元素。
map 的基本用法和常见错误
map 是数组的高阶函数，用于对每个元素执行操作并生成新数组。它接收一个回调函数，该函数会拿到 当前元素、索引 和 原数组 三个参数，但最常用的是第一个。
- 不传返回值（即回调里没写
return），新数组对应位置会是undefined - 回调里直接修改对象属性（比如
item.name = 'new'）不会影响 map 返回结果，但会污染原数组里的对象引用 - 对稀疏数组（如
[1, , 3]）调用 map，空位会被跳过，不会进入回调
示例：
const arr = [1, 2, 3]; const doubled = arr.map(x => x * 2); // [2, 4, 6] console.log(arr); // 还是 [1, 2, 3]，没变
map 和 forEach / for...of 的关键区别
很多人想“遍历并改数组”，结果错用 map。记住：map 是为了映射出新结构，不是为了副作用。
立即学习“Java免费学习笔记（深入）”；
-
map：必须有返回值，返回值组成新数组；适合转换、格式化、提取字段 -
forEach：没有返回值（返回undefined），适合发请求、改 DOM、打日志等副作用操作 -
for...of：控制力最强，可break/continue，适合需要提前退出或复杂逻辑的遍历
错误示范（以为能改原数组）：
arr.map(x => x = x + 1); // 没用！返回新数组但被丢弃，原数组也没变
正确做法（真要改原数组，用 for 循环）：
for (let i = 0; i < arr.length; i++) arr[i] = arr[i] + 1;
处理对象数组时 map 的典型场景
这是 map 最常被用到的地方：从列表中抽字段、添加计算属性、转成另一种结构。
- 提取字段：
users.map(u => u.email) - 添加新属性：
items.map(item => ({ ...item, id: item.id.toString() })) - 条件转换：
list.map(x => x > 0 ? 'positive' : 'non-positive')
注意点：
- 如果对象里有嵌套，别忘了深拷贝需求——
map只做浅层复制，{...obj}无法处理深层引用 - 避免在 map 回调里写异步操作（如
await fetch()），它不会按顺序等待；要用Promise.all(...map(...))包一层
性能和边界情况提醒
map 本质是语法糖，底层仍是循环，性能差异可忽略。但有些边界容易踩坑：
- 空数组调用
map返回空数组，不会报错 - 传入非数组（如字符串、类数组）会报
TypeError: xxx.map is not a function，需先Array.from()或展开运算符转成数组 - IE 不支持箭头函数和扩展运算符，若需兼容，回调用
function写法，对象展开用Object.assign
兼容写法示例：
const newArr = oldArr.map(function(item) {
return { id: item.id, label: item.name.toUpperCase() };
});真正难的不是怎么写 map，而是判断「这里到底该不该用 map」——只要目标不是生成一个一一对应的新数组，就别硬套。
