具有未初始化数组的 forEach [重复]

Question

具有未初始化值 e.g. new Array(100) 的数组不会与 forEach 进行迭代。长度是正确的。使用[undefined,undefined,...] 创建数组会按预期进行迭代，但使用[,,,,,] 创建数组不会。

我想知道是否有人可以向我解释一下。

var array = new Array(100),
    msg;

_init();

console.log("Array length:",array.length);

// forEach is skipped
a = ["forEach:"];
(array).forEach(function(i){
  a.push(i);
});
console.log(a.join(','));


// forEach is also skipped
a = ["forEach array without undefined:"];
([,,,]).forEach(function(i){
  a.push(i);
});
console.log(a.join(','));

// forEach is displayed
a = ["forEach normal array:"];
([undefined,undefined,undefined,undefined]).forEach(function(v,i){
  a.push(v);
});
console.log(a.join(','));

// for is displayed
a = ["for:"]
for(var i=0;i<array.length;i++){
  a.push(i);
}
console.log(a.join(','));

// array.join is displayed (even the ough the values are empty)
a = ["join:"]
a = a.concat(array)
console.log(a.join(','));

// log to target div (ignore this)
function _init(){
  console = {log:targetlog};
}
function targetlog(){
  var args = Array.prototype.slice.apply(arguments);
  $("#target").append("<div>" + args.join(" ") + "</div>")
}

span {
  outline:1px solid gainsboro;
  margin:2px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="target"></div>

Answer 1

我想知道是否有人可以向我解释一下。

这就是规范。

forEach 及其兄弟会忽略稀疏数组中的“洞”。如需更多信息，请参阅this blog post。

来自MDN：

forEach() 为数组中的每个 present 元素执行一次提供的回调

spec 说了同样的话。