How to Iterate through an array object inside another array object (JSON)?

Question

The following is a list of users I receive from an API call that gets the list of users from AWS cognito. I want to be able to iterate through it to display the name and email of the user on a web page. I am trying result[0].attributes[3] to iterate to "given_name", result being the object.

You iterate through a nested array the same way you iterate through any other array. — Barmar, Oct 17 '18 at 21:05

score 1 · Answer 1 · answered Oct 17 '18 at 21:08

1

You can use filter to determine if an object property can be found, and then return that object.

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

Here's an example:

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"));

answered Oct 17 '18 at 21:08

zfrisch

8,474
1
22
34

1

How does this relate to the data he shows, where it uses objects like `{Name: "given_name", Value: "Mario"}`? – Barmar Oct 17 '18 at 21:10
@Barmar You can filter for any property or properties. The code from OP wasn't provided in code form and I didn't feel like referencing the image back and forth to create an example. It's the same principle. – zfrisch Oct 17 '18 at 21:12
1

You think someone who needs to ask this question in the first place will be able to extrapolate? – Barmar Oct 17 '18 at 21:14
well I mean the someone is getting back a json object from an api, so I would say so. Can you console.log the full result? – Pari Baker Oct 17 '18 at 21:16
I guess I'm not understanding the pushback here, haha. Of course I expect OP to extrapolate. If it's over their head they can feel free to comment. – zfrisch Oct 17 '18 at 21:22

score 0 · Answer 2 · answered Oct 17 '18 at 21:07

0

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
   }
}

answered Oct 17 '18 at 21:07

rocky

81
8

[why is using `for-in` with arrays a bad idea](https://stackoverflow.com/questions/500504/why-is-using-for-in-with-array-iteration-such-a-bad-idea?lq=1) – Barmar Oct 17 '18 at 21:08

score 0 · Answer 3 · answered Oct 17 '18 at 21:10

0

You can iterate an array using map

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

answered Oct 17 '18 at 21:10

suresh

220
2
5

You should use `forEach` instead of `map`. – str Oct 17 '18 at 21:16

Pari Baker · Answer 4 · 2018-10-17T21:59:59.750

0

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);
      }
    });
  });

edited Oct 17 '18 at 21:59

answered Oct 17 '18 at 21:15

Pari Baker

696
4
19

This won't work. There's no `given_name` or `email` properties, those are the values of the `Name` properties. – Barmar Oct 17 '18 at 21:15

score 0 · Answer 5 · answered Oct 17 '18 at 21:26

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);

How to Iterate through an array object inside another array object (JSON)?

5 Answers5