map返回新数组长度恒等于原数组,因其实行一一映射:空位转为undefined,回调不返回则填undefined,不跳过、不过滤、不递归。

JavaScript 中用 map 转换数组,本质是“对每个元素执行函数,返回新数组”,不是修改原数组,也不跳过空位——这点和 forEach、filter 都不同。
为什么 map 返回的新数组长度一定和原数组相同
map 的设计契约就是“一一映射”:不管回调函数返回什么(包括 undefined 或 null),只要没抛错,就填进对应索引位置。它不会过滤、不忽略空槽(sparse array 中的 empty slot 会被转成 undefined)。
- 原数组有 3 个元素,
map结果必是长度为 3 的数组 - 回调里写
return不带值,对应位置就是undefined - 原数组是
[1, , 3](中间空位),map会调用两次回调(索引 0 和 2),索引 1 位置直接设为undefined
map 回调函数的三个参数怎么用
回调接收 (item, index, array),其中 index 是当前元素下标,array 是原数组引用。多数场景只用 item,但有些情况必须靠后两者:
- 需要按位置做不同处理(比如偶数索引乘 2,奇数索引加 1)
- 要访问相邻元素(
array[index + 1]),注意越界检查 - 想在回调里修改原数组(不推荐,但技术上可行:
array[index] = newValue)
示例:[10, 20, 30].map((x, i) => x * (i + 1)) → [10, 40, 90]
立即学习“Java免费学习笔记(深入)”;
常见误用:把 map 当 forEach 用
如果只想要副作用(如发请求、改 DOM、推入另一个数组),却用了 map,会产生无用的新数组,还可能因返回值被意外使用而引发 bug。
- 错误写法:
arr.map(x => console.log(x))—— 返回一个全是undefined的数组 - 正确写法:
arr.forEach(x => console.log(x)) - 真要收集结果但逻辑复杂,别硬塞进
map;用for...of或先filter再map
嵌套数组或对象时,map 只深一层
map 不递归。对二维数组调用 map,只是遍历外层数组,每个元素(即内层数组)仍需自己处理:
const matrix = [[1,2], [3,4]]; const doubled = matrix.map(row => row.map(x => x * 2)); // → [[2,4], [6,8]],不是 [2,4,6,8]
如果目标是扁平化后映射,得先 flat() 或用 reduce + concat,不能只靠 map。
真正容易漏掉的是稀疏数组行为和返回值语义——很多人调试时发现“明明没 return 却有值”,其实是忘了 map 自动填充 undefined。动手前先确认你到底要“转换”还是“遍历”。











