如何遍历JavaScript数组/对象

Question

如何遍历JavaScript数组/对象

3

我正在努力从这个数组中获取我的数据，但是很难。请问有人能告诉我如何做到这一点吗？

我需要从locations中获取latLng和AdminArea4以供自动完成使用。

请问有人能解释一下{}和[]之间的区别吗？据我所知，一个是数组，另一个是对象，但我不确定这是否正确。遍历数组和对象的过程是否不同？

{
   "results": [
      {
         "locations": [
            {
               "latLng": {
                  "lng": 24.873108,
                  "lat": 59.389755
               },
               "adminArea4": "Harju maakond",
               "adminArea5Type": "City",
               "adminArea4Type": "County",
               "adminArea5": "Rae vald",
               "street": "",
               "adminArea1": "EE",
               "adminArea3": "",
               "type": "s",
               "displayLatLng": {
                  "lng": 24.873108,
                  "lat": 59.389755
               },
               "linkId": 0,
               "postalCode": "",
               "sideOfStreet": "N",
               "dragPoint": false,
               "adminArea1Type": "Country",
               "geocodeQuality": "CITY",
               "geocodeQualityCode": "A5XXX",
               "adminArea3Type": "State"
            },
            {
               "latLng": {
                  "lng": 24.860184,
                  "lat": 59.38493
               },
               "adminArea4": "Harju maakond",
               "adminArea5Type": "City",
               "adminArea4Type": "County",
               "adminArea5": "Rae",
               "street": "",
               "adminArea1": "EE",
               "adminArea3": "",
               "type": "s",
               "displayLatLng": {
                  "lng": 24.860184,
                  "lat": 59.38493
               },
               "linkId": 0,
               "postalCode": "",
               "sideOfStreet": "N",
               "dragPoint": false,
               "adminArea1Type": "Country",
               "geocodeQuality": "CITY",
               "geocodeQualityCode": "A5XXX",
               "adminArea3Type": "State"
            },
         ]
      }
   ]
}

- NaN

1

又一个“如何使用JavaScript解析JSON对象”的教程...唉。 - Raptor

1

可能是重复的问题：如何在 JavaScript 中解析 JSON 并获取值。 - Raptor

这是一个数组还是一个对象？我真的很想了解如何解析它。 - NaN

2个回答

1

这是json结构。您可以像下面提到的那样访问元素。将json分配给变量，然后访问对象属性。

var obj = {
   "results": [
      {
         "locations": [
            {
               "latLng": {
                  "lng": 24.873108,
                  "lat": 59.389755
               },
               "adminArea4": "Harju maakond",
               "adminArea5Type": "City",
               "adminArea4Type": "County",
               "adminArea5": "Rae vald",
               "street": "",
               "adminArea1": "EE",
               "adminArea3": "",
               "type": "s",
               "displayLatLng": {
                  "lng": 24.873108,
                  "lat": 59.389755
               },
               "linkId": 0,
               "postalCode": "",
               "sideOfStreet": "N",
               "dragPoint": false,
               "adminArea1Type": "Country",
               "geocodeQuality": "CITY",
               "geocodeQualityCode": "A5XXX",
               "adminArea3Type": "State"
            },
            {
               "latLng": {
                  "lng": 24.860184,
                  "lat": 59.38493
               },
               "adminArea4": "Harju maakond",
               "adminArea5Type": "City",
               "adminArea4Type": "County",
               "adminArea5": "Rae",
               "street": "",
               "adminArea1": "EE",
               "adminArea3": "",
               "type": "s",
               "displayLatLng": {
                  "lng": 24.860184,
                  "lat": 59.38493
               },
               "linkId": 0,
               "postalCode": "",
               "sideOfStreet": "N",
               "dragPoint": false,
               "adminArea1Type": "Country",
               "geocodeQuality": "CITY",
               "geocodeQualityCode": "A5XXX",
               "adminArea3Type": "State"
            },
         ]
      }
   ]
};

Travsering Values

obj.results[0].locations[0].latLng.lng
obj.results[0].locations[0].latLng.lat

你也可以使用for循环来遍历。

- razahassank

谢谢razahassank。我的数据是从服务器返回的，所以我可以将从服务器返回的内容赋值给一个变量吗？ - NaN

最好使用jQuery来解析它。例如，var obj = $.parseJSON(serverResponse); - razahassank

在locations数组中有多个位置，可能在results数组中也有多个结果。这只获取一个硬编码的位置 - 跳过其他存在的位置。 - jfriend00

@razahassank，感谢你的函数。从这个错误信息中我得到的是SyntaxError: JSON.parse: 在JSON数据的第1行第2列处出现了意外字符。 - NaN

谢谢提供链接。我刚刚通过验证器运行了JSON，它显示为“有效的JSON”。 - NaN

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- jfriend00 · Accepted Answer

首先解释一下数组和对象，因为您已经提出了问题，这与如何使用您拥有的数据结构非常相关:

{} 定义一个对象。 [] 定义一个数组。

对象是无序属性/值对列表，没有重复的属性名。

数组是一个有序的个体列表，具有告诉您数组中有多少项的 .length 属性。

对象将被定义为：

var obj = {
   prop1: value1,
   prop2: value2
};

而且，你可以像这样引用值：

console.log(obj.prop1);    // value1

数组的定义如下：

var myArray = ["one", "two", "three"];

另外，你可以通过零索引来访问元素，如下所示：

console.log(myArray[0]);   // "one"

或者，您可以像这样遍历数组中的所有项：

for (var i = 0; i < myArray.length; i++) {
    console.log(myArray[i]);
}

假设你的整体数据结构存储在一个名为 data 的变量中，你可以按照以下方式迭代结果和嵌套的位置数组:

假设您的整体数据结构存储在一个名为 data 的变量中，您可以按照以下方式迭代结果和嵌套的位置数组:

var results = data.results;
var locations;
for (var j = 0; j < results.length; j++) {
    locations = results[j].locations;
    for (var i = 0; i < locations.length; i++) {
       console.log(locations[i].latLng);
       console.log(locations[i].adminArea4);
    }

解释如下：

data.results 是一个需要迭代的数组。
在该数组的每个元素中都有一个带有位置属性的对象。
位置属性是另一个需要迭代的数组。
在每个位置数组的元素中都有一个带有 latLng 属性和 adminArea4 属性的对象。