如何在JavaScript中初始化含5个零元素的数组（非直接赋值方式）

哈哈，这个坑我当初刚学JS的时候也踩过！你用new Array(5)或者Array(5)创建的是一个稀疏数组——它确实有length:5，但数组里根本没有索引0到4对应的实际元素，就像个空架子。而map方法只会遍历数组中「存在的元素」，也就是那些有实际值的位置，所以你的几个map调用里的回调函数根本没机会执行，自然得不到全是0的数组。

下面给你几种靠谱的写法，按需选就行：

1. 最简洁直接：用fill方法 #

如果只是初始化全零数组，fill一步就能搞定，它会把数组的每个位置（包括稀疏数组的空位置）都填上指定值：

const arr = new Array(5).fill(0);

2. 灵活度更高：Array.from #

如果你之后需要更复杂的初始化逻辑（比如每个元素是独立的对象），Array.from是更好的选择，它可以直接在创建数组时传入元素生成函数：

const arr = Array.from({ length: 5 }, () => 0);

第一个参数是带length属性的对象（模拟类数组结构），第二个参数就是每个元素的生成逻辑，非常直观。

3. 先补全稀疏数组再用map #

如果你非要用map实现，得先把稀疏数组转成有实际元素的数组，比如先用fill填个占位值，或者用扩展运算符：

// 用fill补全后再map
const arr = new Array(5).fill(null).map(() => 0);

// 用扩展运算符转成非稀疏数组
const arr = [...new Array(5)].map(() => 0);

这两种方式都会把原来的空位置变成null或undefined，让map能正常遍历每个位置。

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