为何用Array(arrayLength)初始化的数组，keys()与其他遍历方法结果不同？

这问题戳中了JavaScript稀疏数组（带空槽的数组）的一个常见坑点，核心原因是不同数组方法对“空槽（empty slots）”的处理逻辑完全不一样。咱们先把你的测试代码和实际输出摆出来，再一步步拆解：

你的测试代码 #

let arrObj = Array(2)
arrObj.push(1)
console.log("-----init array with Array(2)-----")
console.log(arrObj)
console.log("---print index with foreach()-----")
arrObj.forEach((_, index) => console.log(index))
console.log("---print index with map()-----")
arrObj.forEach((_, index) => console.log(index)) // 注：这里你代码写错了，应该是map，但输出和forEach一致，不影响核心问题
console.log("---print index with every()-----")
arrObj.every((_, v) => console.log(v))
console.log("---print index with keys()-----")
for (const v of arrObj.keys()) { console.log(v) }
console.log("---print index with findIndex()-----")
console.log(arrObj.findIndex((_, v) => v >= 0))

控制台输出 #

-----init array with Array(2)-----
[ <2 empty items>, 1 ]
---print index with foreach()-----
2
---print index with map()-----
2
---print index with every()-----
2
---print index with keys()-----
0
1
2
---print index with findIndex()-----
0

关键背景：Array(2)创建的是什么？ #

当你用Array(2)创建数组时，得到的是一个长度为2，但没有任何实际元素的稀疏数组——也就是两个“空槽”，和[undefined, undefined]完全不是一回事：

• [undefined, undefined]是有两个值为undefined的元素，每个索引都被初始化过；
• Array(2)是长度设为2，但索引0和1的位置根本没有被赋值，属于“未初始化的空位”。

不同方法对空槽的处理逻辑拆解 #

1. forEach/map/every 这类迭代方法

这些方法的规则是主动跳过空槽，不会对未初始化的索引执行回调函数。你的数组在push(1)之后，只有索引2的位置有实际元素，所以回调只会被触发一次，输出索引2。

• 补充：every方法在遇到第一个返回false的回调后会停止执行，这里你的回调只做console.log(v)，返回undefined（等价于false），所以只执行了一次，但刚好也是索引2的位置。

2. Array.keys() 方法

keys()返回的是一个数组迭代器，它的逻辑是基于数组的长度遍历所有可能的索引，不管该位置是不是空槽。你的数组在push(1)后长度变为3，所以它会依次返回0、1、2这三个索引——哪怕前两个位置没有元素。

3. findIndex() 方法（额外小坑）

你的findIndex代码其实有个参数顺序错误：findIndex((_, v) => v >= 0)里，第一个参数是元素值，第二个参数才是索引！所以这里的v是索引，不是元素值。当遍历到索引0时，v >= 0为true，所以直接返回0——这个结果和空槽的处理逻辑无关，纯粹是参数顺序搞反了😅。如果参数写对（findIndex((val, idx) => ...)），它会遍历空槽，空槽对应的val是undefined，你可以自己测试下。

总结 #

• forEach/map/every：跳过空槽，只处理有实际元素的索引；
• keys()：遍历数组长度范围内的所有索引，无视空槽；
• 你的findIndex结果是参数顺序错误导致的特殊情况，和空槽处理逻辑无关。

内容的提问来源于stack exchange，提问作者Sean.G