在Javascript中循环遍历对象内部的数组[重复]

Question

可能重复：
Loop through Json object

{
  "data": [
    {
      "name": "Jen",
      "id": "1"
    },
    {
      "name": "Steve",
      "id": "8"
    }
  ]
}

我正在与之交互的服务器响应上述内容。

我正在尝试遍历 itenter code here 以获取 For..in 语句。

这就是我想要做的：

for (var item in response.data) {
  console.log(item.name);
}

这不起作用。 出了什么问题？

谢谢

阅读评论后，我开始使用以下内容：

for (var item in response.data) {
  console.log(response.data[item].name);
}

我能够得到一个名字列表...

有人能分析一下为什么它会起作用吗？

Answer 1

查看：Why is using "for...in" with array iteration a bad idea?

For...in 遍历对象属性的名称。数组项也被视为“属性”，因此 for..in 遍历索引（在您的情况下为 0、1）。正如预期的那样，当您使用 response.data[0] 时，您将获得数组的第一个元素。

Answer 2

for..in 以无特定顺序迭代对象的可枚举属性（您可能在不同的浏览器中得到不同的顺序）。数组只是一个普通对象，具有特殊的长度方法和从 Array.prototype 继承的方便方法（其中一些依赖于特殊的长度属性）。对属性名称可以使用什么没有限制，它们不限于非负整数（请注意，如果正确的名称不是有效的标识符，则必须使用方括号表示法来访问其值）。

数组的索引只是非负整数的字符串属性名称（即它们只是普通对象属性名称），因此for..in 循环将遍历数字索引（同样，不一定是升序或降序）以及所有其他可枚举属性，包括 [[Prototype]] 链上的属性。因此，除非您想包含继承的可枚举属性，否则始终建议在 for..in 中包含 hasOwnProperty 测试。

由于上述原因，通常使用从0 到array.length - 1 的计数器迭代数组属性要好得多（因为长度总是比最后一个索引大一）。

要测试“无特定顺序”语句，请在 IE 和其他浏览器中尝试以下操作并注意不同的顺序：

var a = [];
a[2] = 2;
a[0] = 0;
a[3] = 3;
var b = [];
for (var i in a) b.push(a[i]);
alert(b);

Answer 3

data 实际上是一个数组（由[] 表示），而不是一个对象，因此您需要一个常规的for 循环而不是for in。

for (var i = 0; i<response.data.length; i++) {
  // use i as an array index
  console.log(response.data[i].name);
}

在 JavaScript 中，for in 构造用于迭代对象属性，但要迭代数组，通常使用增量 for 循环。