在JavaScript中定义指定长度数组时为何需要填充？

当你用Array(100)创建数组时，得到的是一个稀疏数组——它的length属性被设为100，但数组里并没有实际的元素，只有100个未初始化的"空槽"（控制台通常显示为empty × 100）。这种数组在很多场景下会出现不符合预期的行为：

• 数组的迭代方法（比如map、forEach、filter）会直接跳过这些空槽，不会执行回调函数。比如：

  // 不会得到[1,1,1]，结果还是[empty × 3]
  Array(3).map(() => 1)
  

• 当你尝试获取空槽的值时，得到的是undefined，但它和主动赋值为undefined的元素不一样——Object.keys()不会遍历空槽，却会包含值为undefined的元素。
• 一些旧API或第三方库在处理稀疏数组时可能逻辑出错，因为它们默认假设数组的每个位置都有实际元素。

而Array(100).fill(0)会把数组的每个空槽都填充为指定值（这里是0），把稀疏数组转换成密集数组。这样所有数组方法都能正常遍历每个元素，行为完全符合预期。

你提到的"破坏空数组长度的特定步骤"，大概率是指稀疏数组的一些反直觉行为：比如直接修改length属性导致空槽数量异常变化，或者在遍历过程中误给空槽赋值后，数组结构变得混乱；还有用delete操作符删除数组元素时，会把元素变成空槽而非改变数组长度，这也可能引发问题。

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