How do I loop through deeply nested properties of a JavaScript object?

Question

I have a JavaScript object with 3 levels of nesting. I am having a hard time getting the values from the 3rd level of nesting.

I have done some research on SO and get the basic looping but I can't seem to get past the first level.

Here is my code

var customers = {
   "cluster": [{
      "id": "cluster1.1",
      "color": "blue",
      "flights": "784",
      "profit": "524125",
      "clv": "2364",
      "segment": [{
         "id": "segment1.1",
         "color": "green",
         "flights": "82",
         "profit": "22150",
         "clv": "1564",
         "node": [{
            "id": "node1.1",
            "color": "orange",
            "xpos": "1",
            "ypos": "1"
         }, {
            "id": "node1.2",
            "color": "orange",
            "xpos": "1",
            "ypos": "2"
         }, {
            "id": "node1.3",
            "color": "orange",
            "xpos": "1",
            "ypos": "3"
         }, {
            "id": "node1.4",
            "color": "orange",
            "xpos": "1",
            "ypos": "4"
         }]
      }, {
         "id": "segment1.2",
         "color": "red",
         "flights": "2",
         "profit": "2150",
         "clv": "1564",
         "node": [{
            "id": "node2.1",
            "color": "tan",
            "xpos": "2",
            "ypos": "1"
         }, {
            "id": "node2.2",
            "color": "tan",
            "xpos": "2",
            "ypos": "2"
         }, {
            "id": "node2.3",
            "color": "tan",
            "xpos": "2",
            "ypos": "3"
         }, {
            "id": "node2.4",
            "color": "tan",
            "xpos": "2",
            "ypos": "4"
         }]
      }]
   }, {
      "id": "cluster1.2",
      "flights": "4",
      "profit": "5245",
      "clv": "2364",
      "segment": [{
         "id": "segment1.2",
         "flights": "2",
         "profit": "2150",
         "clv": "1564",
         "node": [{
            "id": "node3.1",
            "xpos": "3",
            "ypos": "1"
         }, {
            "id": "node3.2",
            "xpos": "3",
            "ypos": "2"
         }, {
            "id": "node3.3",
            "xpos": "3",
            "ypos": "3"
         }, {
            "id": "node3.4",
            "xpos": "3",
            "ypos": "4"
         }]
      }]
   }, {
      "id": "cluster1.3",
      "flights": "10",
      "profit": "456978",
      "clv": "548",
      "segment": [{
         "id": "segment1.3",
         "flights": "2",
         "profit": "2150",
         "clv": "1564",
         "node": [{
            "id": "node4.1",
            "xpos": "4",
            "ypos": "1"
         }, {
            "id": "node4.2",
            "xpos": "4",
            "ypos": "2"
         }, {
            "id": "node4.3",
            "xpos": "4",
            "ypos": "3"
         }, {
            "id": "node4.4",
            "xpos": "4",
            "ypos": "4"
         }]
      }]
   }]
};

How do I loop through and retrieve xpos and ypos from within node?

customers.cluster[0].segment[0].node[0].xpos, the 0 values may be swapped with other numbers. — zzzzBov
– zzzzBov, Commented Mar 4, 2011 at 3:42
possible duplicate of Traverse all the Nodes of a JSON Object Tree with JavaScript — cimmanon
– cimmanon, Commented Aug 18, 2015 at 13:05

Joseph Casey · Accepted Answer · 2015-07-29 00:51:48Z

20

You have an object (customers) with an array stored at cluster, which you can iterate through with

var i, cluster;
for (i = 0; i < customers.cluster.length; i++)
{
  cluster = customers.cluster[i];
}

cluster has an array stored at segment which you can iterate through with:

var j, segment;
for (j = 0; j < cluster.segment.length; j++)
{
  segment = cluster.segment[j];
}

segment has an array stored at node which you can iterate through with:

var k, node;
for (k = 0; k < segment.node.length; k++)
{
  node = segment.node[k];
}

You can combine all of these to iterate through every node of every segment of every cluster on customers just by combining these loops:

var i, cluster, j, segment, k, node;
for (i = 0; i < customers.cluster.length; i++)
{
  cluster = customers.cluster[i];

  for (j = 0; j < cluster.segment.length; j++)
  {
    segment = cluster.segment[j];

    for (k = 0; k < segment.node.length; k++)
    {
      node = segment.node[k];
      //access node.xpos, node.ypos here
    }
  }
}

edited Jul 29, 2015 at 0:51

Joseph Casey

1,3031 gold badge14 silver badges35 bronze badges

answered Mar 4, 2011 at 3:49

zzzzBov

180k57 gold badges328 silver badges375 bronze badges

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

2 Comments

timmackay Over a year ago

@zzzBov: lolz thank you for spelling it out for me :) Believe it or not this isn't homework, I am just reeeeallly slow picking up this sort of stuff. I need a bit of hand holding in the beginning and I appreciate when people (like you!) take the time to go into detail. Cheers.

orionrush Over a year ago

Good explination, but the homework comment is patronising. The take away here for me, isn't the effort given in the answer but the dissmissal at the end.

Collectives™ on Stack Overflow

How do I loop through deeply nested properties of a JavaScript object?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related