Modify javascript object to specific format

Question

let data = {
    "rec": [{
            "id": "25837",
            "contentId": "25838"
        },
        {
            "id": "25839",
            "contentId": "25838"
        },
        {
            "id": "25838"
        },
        {
            "id": "25636",
            "contentId": "25837"
        }, {
            "id": "25640",
            "contentId": "25839"
        }
    ]
};

I have a javascript object which I have to manipulate to below format.

{
    "childern": [{
        "id": "25838",
        "childern": [{
                "id": "25837",
                "contentId": "25838",
                "childern": [{
                    "id": "25636",
                    "contentId": "25837"
                }]
            },
            {
                "id": "25839",
                "contentId": "25838",
                "childern": [{
                    "id": "25640",
                    "contentId": "25839"
                }]
            }
        ]
    }]
}

If any object dont have contentId it should be at parent level. then all the objects having contentId same as parent id should be at its child level and so on.

I have created a fiddle here but logic is not completed. Any idea or reference to achieve this.

Nenad Vracar · Accepted Answer · 2020-01-07 11:04:16Z

5

You could create recursive function with reduce method to get the desired result.

let data = {"rec":[{"id":"25837","contentId":"25838"},{"id":"25839","contentId":"25838"},{"id":"25838"},{"id":"25636","contentId":"25837"},{"id":"25640","contentId":"25839"}]}

function nest(data, pid) {
  return data.reduce((r, e) => {
    if (pid == e.contentId) {
      const obj = { ...e }
      const children = nest(data, e.id);
      if (children.length) obj.children = children
      r.push(obj)
    }

    return r;
  }, [])
}

const result = nest(data.rec);
console.log(result[0])

answered Jan 7, 2020 at 11:04

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

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

Collectives™ on Stack Overflow

Modify javascript object to specific format

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