当for循环使用一个对象数组时,forEach不起作用

Gri*_*Lab 9 javascript arrays foreach for-loop function

我有一个像这样的数组

var updates = [];
Run Code Online (Sandbox Code Playgroud)

然后我像这样将数据添加到数组中

updates["func1"] = function () { x += 5 };
Run Code Online (Sandbox Code Playgroud)

当我用for循环调用函数时,它按预期工作

for(var update in updates) {
     updates[update]();
}
Run Code Online (Sandbox Code Playgroud)

但是,当我使用forEach它不起作用!?

updates.forEach(function (update) {

    update();
});
Run Code Online (Sandbox Code Playgroud)

forEach绝对可以在我的浏览器中使用google chrome,我做错了什么?

ZER*_*ER0 15

forEach迭代indexes结束properties.你的代码:

updates["func1"] = "something";
Run Code Online (Sandbox Code Playgroud)

向对象添加属性 - 顺便提一下,它是一个数组 - 而不是数组的元素.实际上,它相当于:

updates.func1 = "something";
Run Code Online (Sandbox Code Playgroud)

如果你需要类似hashmap的东西,那么你可以使用普通对象:

updates = {};

updates["func1"] = "something";
Run Code Online (Sandbox Code Playgroud)

然后迭代使用for…in,不应该在数组上使用

或者您可以使用Object.keys来检索迭代它们的属性:

Object.keys(updates).forEach(function(key) {
    console.log(key);
}); 
Run Code Online (Sandbox Code Playgroud)


Jam*_*gne 6

您没有将项添加到数组,而是将对象属性添加到数组对象. for .. in将返回所有属性,forEach仅迭代数组元素.

要添加到数组,您可以这样做:

updates.push(function () { x += 5 });
Run Code Online (Sandbox Code Playgroud)

如果您打算以您的方式添加,那么只需使用对象而不是数组:

var updates = {}
Run Code Online (Sandbox Code Playgroud)

然后使用for ... in.