Create an array of objects recursively based in array of objects

Question

I have an array of objects like this:

myArr = [
    { "id": "aaa.bbb" },
    { "id": "aaa.ccc" },
    { "id": "111.222" },
    { "id": "111.333" },
]

My goal is to be able to have a new array for every part of the Id, while nesting the old array. Like this:

newArray = [
    {
      "id": "aaa",
      "children": [{ "id": "aaa.bbb" }] 
    },
    {
      "id": "aaa",
      "children": [{ "id": "aaa.ccc" }] 
    },
    {...}
]

The idea is to be able to do It with multiple substrings if there is a bigger Id

Sven.hig · Accepted Answer · 2020-07-15 01:27:50Z

3

You could use map to iterate through the array and mutate the objects in place

myArr = [ { "id": "aaa.bbb" }, { "id": "aaa.ccc" }, { "id": "111.222" }, { "id": "111.333" }, ]
result=myArr.map((o)=>({["id"]:o.id.split(".")[0],["children"]:[o]}))
console.log(result)

alternatively you could use reduce

myArr = [ { "id": "aaa.bbb" }, { "id": "aaa.ccc" }, { "id": "111.222" }, { "id": "111.333" }, ]
result=myArr.reduce((acc,curr)=>acc=[...acc,{["id"]:curr.id.split(".")[0],["children"]:[curr]}],[])
console.log(result)

edited Jul 15, 2020 at 1:27

answered Jul 15, 2020 at 1:15

Sven.hig

4,5292 gold badges10 silver badges18 bronze badges

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

Comments

Dai · Accepted Answer · 2020-07-15 01:14:25Z

2

Use Array.prototype.map.

const newArray = myArr.map( function( e ) {

    const oldId = e.id;    
    const newElement = {
        id: oldId.split( '.' )[0],
        children: [ e ]
    };
    return newElement
} );

Simplified:

const newArray = myArr.map( function( e ) {
    return {
        id: e.id.split( '.' )[0],
        children: [ e ]
    };
} );

Further:

const newArray = myArr.map( e => { id: e.id.split( '.' )[0], children: [ e ] } );

answered Jul 15, 2020 at 1:14

Dai

157k31 gold badges314 silver badges435 bronze badges

Collectives™ on Stack Overflow

Create an array of objects recursively based in array of objects

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