### 数组字面量与 `Array()` 构造函数：稀疏数组的隐性差异 你知道 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` 来初始化，既清晰又靠谱。