How to create nested child objects in JavaScript from array?

Question

This is the given array:

[{
  key: 1,
  nodes: {}
}, {
  key: 2,
  nodes: {}
}, {
  key: 3,
  nodes: {}
}]

How to create nested child objects in JavaScript from this array?

[{
  key: 1,
  nodes: [{
    key: 2,
    nodes: [{
      key: 3,
      nodes: []
    }]
  }]
}];

Mark · Accepted Answer · 2020-02-04 05:34:42Z

9

This is a pretty good use case for reduceRight which allows you to build the structure from the inside out:

let arr = [{
  key: 1,
  nodes: {}
}, {
  key: 2,
  nodes: {}
}, {
  key: 3,
  nodes: {}
}]

let a = arr.reduceRight((arr, {key}) => [{key, nodes: arr}],[])

console.log(a)

edited Feb 4, 2020 at 5:34

answered Feb 4, 2020 at 5:24

Mark

92.6k8 gold badges116 silver badges156 bronze badges

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

Comments

Senthil · Accepted Answer · 2020-02-04 06:38:14Z

0

It's working fine. Try this below code

  const firstArray = [{ key: 1, nodes: {} }, { key: 2, nodes: {} }, { key: 3, nodes: {} }];
firstArray.reverse();
const nestedObject = firstArray.reduce((prev, current) => {
    return {
        ...current,
            nodes:[{...prev}]
    }
}, {});

console.log(nestedObject)

answered Feb 4, 2020 at 6:38

Senthil

7672 gold badges7 silver badges25 bronze badges

Collectives™ on Stack Overflow

How to create nested child objects in JavaScript from array?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related