Indent object values in an array of nested objects in JavaScript

Question

I have an array like this :

[
  {
    name: 'foo',
    nestedArray: [
      {
        name: 'bar',
        nestedArray: []
     }
    ]
  }
]

What's the best way to have a flatten array that looks like this ?

[
  {
    name: 'foo',
    nestedArray: [
      {
        name: 'bar',
        nestedArray: []
     }
    ]
  },
  {
    name: '  bar',
    nestedArray: []
  }
]

Answer 1

You can try by iterating input array and moving out nested array objects into outer one. I hope this will work as per your expectation :

// Input array
const inputArray = [
  {
    name: 'foo',
    nestedArray: [
      {
        name: 'bar',
        nestedArray: []
      }
    ]
  }
];

// Result array
const res = [];

// Iterating input array and moving out nested array objects into outer one.
inputArray.forEach((obj) => {
  res.push(obj);
  obj.nestedArray.forEach((nestedObj) => {
    res.push(nestedObj);
  });
});

// Assigning result
console.log(res);