JavaScript数组字面量与构造函数创建稀疏数组的区别

在 JavaScript 中，创建数组的方式存在一个容易被忽略的细节：数组字面量 [] 几乎不会意外生成稀疏数组，而 Array() 构造函数在只传入一个数字参数时，会明确创建一个真正的稀疏结构。这是两者最本质的区别，具体表现如下。

字面量创建的“空位”其实是稠密的

你可能觉得写 [,,] 是跳过了元素，但事实恰恰相反。这段代码创建的是一个长度为 2、每个索引都存在的稠密数组，只是值被默认设为 undefined。如何验证？0 in [,,] 返回 true，map 和 forEach 都会被执行两次，行为和 [undefined, undefined] 完全一致。所以字面量里的逗号“空位”并不是真的空，只是一种视觉上的错觉。

构造函数用单个数字参数会真正产生稀疏结构

再看 Array(5) 或 new Array(5)。它们创建的是一个长度为 5、但所有索引都不存在的稀疏数组。0 in Array(5) 返回 false，意味着索引 0 根本没有被定义。更关键的是，map、forEach、filter 这些数组方法会自动跳过不存在的索引，所以一个都不会执行。有趣的是，当 JSON.stringify(Array(5)) 时，稀疏的空白会被转化为 null，输出 [null,null,null,null,null]——序列化时做了个“填坑”处理。

构造函数多参数时反而和字面量一致

什么时候构造函数会和字面量行为对齐？只要传入两个及以上参数，或者一个非数字参数。例如： - Array(1, 2, 3) → [1, 2, 3]（稠密） - Array('5') → ['5']（稠密） - Array(null) → [null]（稠密） 此时构造函数不再有歧义，但写法并没有比字面量方便，反而更冗长、可读性更低。既然如此，平时直接写 [1, 2, 3] 更合适。

想初始化稠密数组，别依赖 Array(n)

如果需要创建一个包含 n 个 undefined（或初始值）的稠密数组，千万别用 Array(n) 再去 .map()。因为原数组是稀疏的，map 根本不会执行，结果是一个空数组。例如 Array(5).map((_, i) => i) 会返回 []，大概率不是你想要的结果。 正确的打开方式有两个： - 推荐：Array.from({ length: n }) 或 Array(n).fill(undefined) - 也可以：Array(n).fill(0) 直接给每个位置赋初值 总之，记住一个原则：别让稀疏数组成为你代码中的隐形 bug。用字面量总比用构造函数更安全，而当必须用构造函数时，多一个参数或少一个参数都可能带来截然不同的行为。在实际开发中，尽量用 Array.from 或 fill 来初始化，既清晰又靠谱。