JavaScript中空数组遍历时机及Array(n)遍历差异的技术疑问

嘿，这个问题问得特别精准，刚好戳中了JavaScript数组里一个容易被忽略的细节，我来一步步给你拆解明白～

先澄清一个关键误解：Array(n)创建的不是普通空数组 #

你提到的Array(2)，它生成的其实是一个长度为2，但没有任何实际元素的“稀疏数组”（也叫空洞数组）。它的结构看起来是[ , ]（两个逗号之间没有内容），和真正包含undefined的数组[undefined, undefined]完全是两回事，这也是后续行为差异的核心原因。

为什么Array(2).map(...)没有任何输出？ #

map方法有个重要特性：它只会遍历数组中“已初始化的元素”——哪怕这个元素的值是undefined也没关系，但如果是“空洞”（也就是没有被赋值过的索引位置），map会直接跳过这些位置，不会执行回调函数。所以Array(2).map(val => console.log(val))里的两个位置都是空洞，自然不会触发任何输出。

那[...Array(2)].map(...)为啥会输出两次undefined？ #

展开运算符...在处理稀疏数组时，会自动把每个空洞的位置替换成undefined。也就是说，[...Array(2)]会把原来的稀疏数组[ , ]转换成一个密集数组[undefined, undefined]。这时候数组的每个位置都有了实际的元素（哪怕值是undefined），map就会遍历每一个元素，执行回调函数，所以会输出两次undefined。

补充：空数组什么时候能被遍历？ #

这里的“空数组”要分两种情况来看：

• 第一种是真正的空数组[]：它的长度为0，没有任何元素可以遍历，所以map、forEach这类方法都不会执行回调。
• 第二种是像Array(n)这样的稀疏数组：如果我们把它转换成密集数组（比如用展开运算符、Array.from(Array(n))，或者手动填充元素），或者使用会处理空洞的遍历方式（比如for...of循环，它会把空洞当作undefined来遍历），这时候就能被遍历了。举个例子：

  for (const val of Array(2)) {
    console.log(val); // 会输出两次undefined
  }
  

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