Javascript数组对象数组

Question

这听起来像是一个愚蠢的问题，但它就是这样。我有一个像这样格式化的 js 数组

 var locationID = [
              { ID: "ID1", location: "location1" },
              { ID: "ID2", location: "location2" },
              { ID: "ID3", location: "location3" },
   ];

我正在尝试遍历数组

for(i = 0; i < locationID.length;i++){
   var object = locationID[i];
}

我想从内部数组中获取两个元素，以便获取 ID 和位置。例如，我会通过object[0] 或object["ID"] 来执行此操作吗？

还有一种更有效的方法来做我需要做的事情，比如 for each 循环或类似的事情。

Answer 1

使用object.ID 或object['ID']。

对象 {} 在 JavaScript 中是关联的或命名的数组。 （在许多语言中也称为地图。它们由字符串索引（在这种情况下）。

数组[]，由整数索引，从0 开始，一直到n-1，其中n 是数组的长度。

如果您想以编程方式遍历每个对象中的所有（键、值）对，可以使用this method。

引号（字符串文字）

重申我在下面关于单引号和双引号的评论：

如果您在[] 内部谈论，则不[，它们不重要]。 JavaScript treats single quotes and double quotes pretty much the same。两者都表示 字符串文字。有趣的是，你可以在里面使用单引号 双引号或反之亦然："I wanted to say 'Hello world!'" 将是 一个（单个）有效字符串，但'But I accidentally said "Goodbye" 也是如此。

Answer 2

这是一个基于 Nicholas Zackas（YAHOO 性能主管）的书的优化循环。我正在执行缓存数组长度，以防止在循环的每次迭代中重新评估数组长度。请检查 jsperf.com。此外，本机循环总是比基于方法的循环 jQuery.each 和 Array.prototype.forEach 快。 ie8以下的浏览器也支持这个

    var currentItem,
        locationInfo = [
          { ID: "ID1", location: "location1" },
          { ID: "ID2", location: "location2" },
          { ID: "ID3", location: "location3" },
        ];

    for (var i = 0, len = locationInfo.length; i < len; i++) {
        currentItem = locationInfo[i];

        console.log(currentItem.ID);//I prefer this because it shrinks down the size of the js file
        console.log(currentItem["ID"]);
    }

Answer 3

当您运行循环时，您已经拥有的将返回 JSON 中的每个对象。你需要的是类似

for(i = 0; i < locationID.length;i++){
   var object = {locationID[i].ID, locationID[i].location};
}

记住对象的属性是通过它们的键来访问的，因为它们是键值对。

Answer 4

就速度而言，For 循环将是您的最佳选择，以下是使用 forEach (IE 9+) 的方法

locationID.forEach(function(location, i){
    console.log(location['ID'])
    console.log(location['location'])
});

jQuery 让它更简单一些，但运行速度更慢

$.each(array, function(i, item){

});

http://jsperf.com/for-vs-foreach/75

这里还有一个有用的链接：For-each over an array in JavaScript?

Answer 5

您可以使用 forEach 方法，让您的代码更简洁。

见forEach

locationID.forEach(function(elm){
  //Here, elm is my current object
  var data = elm;
  console.log(data.ID):
  console.log(data.location);
});

编辑： 那么对于第二个问题，您应该使用 filter 和 ma​​p 方法。

function findNamebyID(id){
  //Filter by id and map the data to location
  return locationID.filter(function(elm){
    return elm.ID === id;
  }).map(function(elm){
    return elm.location;
  })
}

Answer 6

某事：

var location = locationID.reduce(function(ob, cur) {
ob[cur.ID] = cur.location;
return ob;
}, {});

你得到的结果是：

Object {ID1: "location1", ID2: "location2", ID3: "location3"}

你能做到的意思：

location.ID1 // location1
location.ID2 // location2
...

Answer 7

您的循环的替代方法是使用 JavaScript for (.. in ..)，因为您并没有真正使用迭代器；它只是增加了绒毛

for(i = 0; i < locationID.length;i++){
   var object = locationID[i];
}

可以写成：

for (item in locationID) {
  var object = item;
}