How to loop over an array of arbitrary number of nested arrays in JavaScript

Question

I'm getting an array from the backend that has an abritrary number of nested arrays. Each array element is a company and may or may not have a Children property which is again an array of companies that each may or may not have child companies. For example:

[ 
   { 
      Name:"Company X",
      Children:[ 
         { 
            Name:"Company XY"
         },
         { 
            Name:"Company XZ",
            Children:[ 
               { 
                  Name: "Company XZY"    // third level of nested arrays, can be an abritrary number of levels
               }
            ]
         }
      ]
   },
   { 
      Name:"Company Y",
      Children:[ 
         { 
            Name:"Company YZ"
         }
      ]
   }
]

I have to add a "Label" property to each company object. The property is equal to the "Name" property.

How can I do this in JavaScript?

Anton Rusak · Accepted Answer · 2019-11-06 15:48:04Z

3

Gotta use recursion here.

function addLabelRecursive(company) {
  if (company.Name) {
    company.Label = company.Name;
  }
  if (company.Children) {
    company.Children.forEach(addLabelRecursive);
  }
}

This function adds a label and if children exist runs itself for each child.

Working code for your sample data

edited Nov 6, 2019 at 15:48

answered Nov 6, 2019 at 15:37

Anton Rusak

9364 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

How to loop over an array of arbitrary number of nested arrays in JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related