如何使用无序索引迭代 JavaScript 中的对象

Question

我正在创建一个播放列表系统，其中每首歌曲都有一个唯一的 ID。当您将歌曲添加到播放列表数组时，其索引将注册为其 ID。

通常，当循环 JavaScript 数组时，您会获取长度并通过索引进行计数。有没有办法循环遍历具有未使用索引的数组？这种做法出于某种原因是不好的吗？

Answer 1

var obj = {"123": "Lalala",
           "456": "dum dum"};
for(var i in obj){
    //i = ID
    // obj[i] = "song"
}

使用 for(var i in obj) 循环访问对象。请参阅上面的注释以了解此 for 语句的含义。

顺便说一句，您谈论的是对象，而不是数组：

var array = [7, 5, 9];

可以通过这种方式模拟数组，因此可以使用 for(var i=0; i用过的。数组函数（例如 pop）不能用于它们，除非您定义它：

var array_like = {0:7, 1:5, 2:9, length:3};

Answer 2

您可以通过以下两种方式之一访问对象的属性。要么使用“.”例如：

var my prop = obj.property;

或者通过括号表示法：

var my prop = obj["property"];

现在，这并不能真正回答您的问题。所以，这里有一些方法：

利用 jQuery 的每个函数：

$.each(obj, function(key, value){
    //Do something with your key and value.
});

利用 Javascript 的函数：

for(var key in obj)
{
    var value = obj[key];
    //Do something with your key and value.
}

希望有帮助！

Answer 3

您还可以仅对每个属性值进行迭代：

var obj = {"key1": "val1",
           "key2": "val2"};

for each(var value in obj) {
    ....
}

但在这种情况下，您无法访问属性名称。

Answer 4

假设您的数组采用以下形式：

array['id1'] = 'val1';
array['id2'] = 'val2';
array['id3'] = 'val3';

您可以使用以下方法迭代这些值：

for (var id in array) {  
  document.write(id + ' – ' + array[id]);
}