Looping through an Object containing an Array of Objects in JS

Question

I have an ajax request which loads a JSON file and parses it by storing a reference to the object. I'm trying to find a way in which I can loop through the object but due to it's structure I get errors on the console.

Here is an example of the JSON that I am parsing:

{
  "markers": {
    "marker": [
      {
        "name": "john",
        "latitude": "53.4682282",
        "longitude": "-2.238547"
      },
      {
        "name": "david",
        "latitude": "53.4663409",
        "longitude": "-2.2328164"
      },
      {
        "name": "mathew",
        "latitude": "53.4668135",
        "longitude": "-2.2310998"
      }
    ]
  }
}

I have tried the following js loop, but I can't seem to get it to work correctly. (N.B. the object retrieved from parsing the JSON is referenced as markers.

markers.forEach(function(marker) {
  console.log(marker.name);
});

Weedoze · Accepted Answer · 2017-03-06 12:01:43Z

1

markers is an object that contain the array marker. You need to iterate marker

var obj = {
  "markers": {
    "marker": [{
        "name": "john",
        "latitude": "53.4682282",
        "longitude": "-2.238547"
      },
      {
        "name": "david",
        "latitude": "53.4663409",
        "longitude": "-2.2328164"
      },
      {
        "name": "mathew",
        "latitude": "53.4668135",
        "longitude": "-2.2310998"
      }
    ]
  }
}

obj.markers.marker.forEach(m => console.log(m.name));

answered Mar 6, 2017 at 12:01

Weedoze

14k2 gold badges38 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Joel Biffin Over a year ago

thanks, this helped me solve the problem. I will post the correct answer now

Vitalii Andrusishyn · Accepted Answer · 2017-03-06 12:00:21Z

0

Try this:

markers.marker.forEach(function(marker) {
  console.log(marker.name);
});

answered Mar 6, 2017 at 12:00

Vitalii Andrusishyn

4,2121 gold badge28 silver badges34 bronze badges

2 Comments

Joel Biffin Over a year ago

I have, my console gives me TypeError: markers.marker is undefined

Vitalii Andrusishyn Over a year ago

Because you should firstly take you object and push property "markers" from it to the variable with name "markers".

Joel Biffin · Accepted Answer · 2017-03-06 12:04:34Z

0

I needed to access the object inside the object. i.e.,

markers.markers.marker.forEach(function(marker) {
    console.log(marker.name);
});

answered Mar 6, 2017 at 12:04

Joel Biffin

3801 gold badge6 silver badges22 bronze badges

1 Comment

Weedoze Over a year ago

I already post the answer which exactly solve your problem. You don't have to post an answer yourself. You can simply accept mine

Ani Thettayil · Accepted Answer · 2017-03-06 12:07:18Z

0

Try this:

'markers.marker.map((ma) => { console.log(ma.name); });`

answered Mar 6, 2017 at 12:07

Ani Thettayil

771 bronze badge

Collectives™ on Stack Overflow

Looping through an Object containing an Array of Objects in JS

4 Answers 4

1 Comment

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related