JavaScript中Array.prototype.map()回调能否返回空槽？

首先明确：Array.prototype.map 的回调无法直接返回稀疏数组的空槽。因为 map 会为原数组的每一个索引位置都赋值——如果回调没有返回值（或返回 undefined），该位置会被设为 undefined，而非空槽。你测试的代码 [1, 2, 3].map(() => {}) 返回 [undefined, undefined, undefined] 就是这个原因。

如果你想生成包含空槽的稀疏数组，再通过 flat() 移除它们，或者直接实现“过滤后保留目标元素且不误删0”的效果，可以试试以下几种方案：

方案1：手动构建稀疏数组 #

通过 forEach 遍历原数组，仅为符合条件的索引赋值，跳过的索引会自动成为空槽：

const originalArr = [1, 2, 3, 0];
const sparseArr = [];

originalArr.forEach((item, index) => {
  // 替换成你的判断逻辑，示例：保留偶数和0
  if (item % 2 === 0) {
    sparseArr[index] = item;
  }
});

console.log(sparseArr); // [empty, 2, empty, 0]
console.log(sparseArr.flat()); // [2, 0]

方案2：用 reduce 构建稀疏数组 #

逻辑和 forEach 类似，用 reduce 整合数组：

const originalArr = [1, 2, 3, 0];
const sparseArr = originalArr.reduce((acc, item, index) => {
  if (item % 2 === 0) {
    acc[index] = item;
  }
  return acc;
}, []);

console.log(sparseArr.flat()); // [2, 0]

方案3：用 flatMap 直接实现需求（更简洁） #

如果最终目的是移除不符合条件的项，同时避免误删 0，flatMap 是更合适的选择——它相当于 map 后立即执行 flat(1)，当回调返回空数组时，flat 会自动移除该位置的内容：

const originalArr = [1, 2, 3, 0];
const filteredArr = originalArr.flatMap(item => {
  // 符合条件返回包含元素的数组，不符合返回空数组
  return item % 2 === 0 ? [item] : [];
});

console.log(filteredArr); // [2, 0]

这种方式不需要依赖稀疏数组，代码更简洁，也能精准保留你需要的元素（包括 0）。

内容的提问来源于stack exchange，提问作者Daniel Kaplan