如何遍歷另一個數組對象 (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);