arr.forEach未产生预期结果，用Array(5)填充元素索引失败，问题出在哪？

嘿，这个问题我之前踩过坑！让我给你掰扯清楚为啥Array(5)搭配forEach没达到你想要的效果～

当你用Array(5)初始化数组时，它生成的是一个长度为5，但所有位置都是「空位」（empty slot）的数组——注意哦，这和包含5个undefined的数组不是一回事！

而forEach（还有map、filter这类数组迭代方法）有个关键特性：会主动跳过数组里的空位，根本不会执行你的回调函数。这就是为啥你的填充操作完全没生效的核心原因。

这里给你几个能达到预期效果的方案，按需pick就行：

1. 用Array.from()一步到位 #

Array.from不仅能把类数组/可迭代对象转成数组，还支持第二个参数作为映射函数，直接生成填充好索引的数组：

const arr = Array.from({ length: 5 }, (_, index) => index);
console.log(arr); // [0, 1, 2, 3, 4]

2. 先填充实值再用forEach #

先用fill把稀疏数组的空位填满成undefined，这样forEach就不会跳过任何元素了：

const arr = Array(5).fill(undefined);
arr.forEach((_, index) => {
  arr[index] = index;
});
console.log(arr); // [0, 1, 2, 3, 4]

3. 展开运算符转成非稀疏数组 #

展开运算符...会自动把稀疏数组的空位转换成undefined，之后再用forEach就正常了：

const arr = [...Array(5)];
arr.forEach((_, index) => {
  arr[index] = index;
});
console.log(arr); // [0, 1, 2, 3, 4]

4. 传统for循环（最直观） #

如果不想搞花里胡哨的，直接用普通for循环也完全靠谱——它可不管数组里是不是空位，老老实实遍历每一个索引：

const arr = Array(5);
for (let i = 0; i < arr.length; i++) {
  arr[i] = i;
}
console.log(arr); // [0, 1, 2, 3, 4]

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