如何遍历另一个数组对象 (JSON) 中的数组对象？

Question

以下是我从 API 调用中收到的用户列表，该调用从 AWS cognito 获取用户列表。 我希望能够遍历它以在网页上显示用户的姓名和电子邮件。 我正在尝试result[0].attributes[3]迭代到“given_name”，结果是对象。

Answer 1

您可以使用filter来确定是否可以找到对象属性，然后返回该对象。

result[0].Attributes.filter(obj => obj.name === name);

下面是一个例子：

 let result = [{ Attributes: [{ name: "Mario" }, { name: "Luigi" }, { name: "Toad" }, { name: "Peach" } ] }] function lookfor(name) { return result[0].Attributes.filter(obj => obj.name === name); } console.log(lookfor("Mario")); console.log(lookfor("Peach"));

Answer 2

for(var i in array){
   var attr = array[i].Attributes;
   for(var l in attr){
      // attr[l].Name returns name
      // attr[l].Value returns values
   }
}

Answer 3

您可以使用 map 迭代数组

arrributes.map(function(arr) => {
  console.log(arr.Name, arr.Value)
})

Answer 4

 Object.keys(result).forEach(key => { let resultObject = result[key].map(array => { if (array.Name == "given_name") { console.log(array.value) } else if (array.Name == "email") { console.log(array.value); } }); });

Answer 5

 const response = [ { Attributes: [ {Name: 'given_name', Value: 'name 1'}, {Name: 'family_name', Value: 'family 1'}, {Name: 'email', Value: 'email1@gmail.com'} ] }, { Attributes: [ {Name: 'given_name', Value: 'name 2'}, {Name: 'family_name', Value: 'family 2'}, {Name: 'email', Value: 'email2@gmail.com'} ] }, ]; const users = response.map((ele) => { const { Attributes } = ele; return Attributes.reduce((agg, {Name, Value}) => { if (Name === 'given_name') { agg.name = Value; } if (Name === 'email') { agg.email = Value; } return agg; }, {}); }); console.log(users);