Javascript：使用非连续键迭代数组

Question

我需要迭代一个键不连续的数组：

var messages = new Array();
messages[0] = "This is the first message";
messages[3] = "This is another message";

显然使用 for 循环的索引将不起作用，因为它依赖于顺序的键：

for (var i=0 ; i<messages.length ; i++) {
    alert(messages[i]); // Will only alert the first message, as i is never equal to 3
}

处理此问题的规范方法是什么，如 for-each 语法不适用于在 javascript 中迭代数组中的值？谢谢。

Answer 1

惯用的方法是使用对象，而不是数组。请务必检查 hasOwnProperty 以确保您不会拾取可能已添加到原型中的杂散内容。

var messages = { };
messages[0] = "This is the first message";
messages[3] = "This is another message";

for (var i in messages) {
    if (messages.hasOwnProperty(i))
        alert(messages[i]); 
}

---

或者，更现代的方法是使用 Object.keys

Object.keys(messages).forEach(prop => {
    alert(messages[prop]);
});

如果您计划在 IE 等旧版浏览器中运行该代码，请务必使用 Babel 转译该代码。

Answer 2

for(var i in messages)
{
    console.log(messages[i]);
}

Answer 3

您可以忽略 undefined 属性...

for (var i=0 ; i<messages.length ; i++) {
    if(messages[i] !== undefined)
        alert(messages[i]);
}

或者使用 forEach，它将忽略 undefined 未声明的属性...

messages.forEach(function(v,i) {
    alert(v);
});

Answer 4

简单的！如果数组的索引之间有规则的间隙，请执行以下操作：

for (var i = 0 ; i < messages.length; i += gap) {
    alert(messages[i]); // Will only alert the messages at the regular interval/gap 
}

Answer 5

您可以使用 each() jQuery 方法来执行此操作。

$.each(messages, function(index, val){
    alert(val); 
});

来自 jQuery 文档

each()

通用迭代器函数，可用于无缝迭代
在对象和数组上。数组和类数组对象
length 属性（例如函数的参数对象）被迭代
按数字索引，从 0 到 length-1。其他对象通过迭代
他们的命名属性。

Answer 6

当您创建数组并在 0 和 3 处为其指定值时，会在 1 和 1 处创建 undefined 值。代码>2。试试这个：

$.each(messages, function(i,val) { 
  if (val) {
    alert(val);
  } 
});

Answer 7

对于假设如下的用例：

array.length >== 1
（即：其中已经包含有意义数据的数组）

如果您对 array[1]、array[15]、array[45] 等中的数据感兴趣，

您可以执行类似以下操作：

var array = ["you","will","become","strong","with","the","codes","padawan"];
var values = [1,5,7];


for (var i = 0; i < values.length; i++){
    var cypher = values[i];
    console.log(array[cypher]);
}
//will, the, padawan

或者也许是更有意义的事情，例如：

for (var i = 0; i < values.length; i++){
    var cypher = values[i];
    aService.aFn.(array[cypher],cb);
}
//calls aService.aFn separately for each value array[1] , array[5] , array[7] passed as args