insertafter data in nested json object

Question

i have a json object data in the below format. In that i need to insert some new record after particular id.

    [
       {
          "id":"1",
          "name":"one",
          "children":[
             {
                "id":"4",
                "name":"four",
                "children":[

                ]
             },
             {
                "id":"5",
                "name":"five",
                "children":[

                ]
             },
             {
                "id":"6",
                "name":"six",
                "children":[

                ]
             }
          ]
       }       
    ]

For Ex: i have a id as 5 and also new JSON object({"id":"new data","name":"new data","children":[]}) as well. then the new data should insert after id 5. Is there any possible way to insertafter some particular id.

        [
       {
          "id":"1",
          "name":"one",
          "children":[
             {
                "id":"4",
                "name":"four",
                "children":[

                ]
             },
             {
                "id":"5",
                "name":"five",
                "children":[

                ]
             }, 
             {
                "id":"new data",
                "name":"new data",
                "children":[

                ]
             },
             {
                "id":"6",
                "name":"six",
                "children":[

                ]
             }
          ]
       }
    ]

Use splice. developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — sjahan
– sjahan, Commented Jul 24, 2018 at 13:12
Possible duplicate of Adding a new array element to a JSON object — Ullas Hunka
– Ullas Hunka, Commented Jul 24, 2018 at 13:15
As @sjahan said you should use splice. there is another link: stackoverflow.com/questions/586182/… — Mort
– Mort, Commented Jul 24, 2018 at 13:22

sjahan · Accepted Answer · 2018-07-24 13:21:14Z

2

Here is a quick sample with splice ;) Just pass the target array, the object, and the id, and the add function will insert your new object into the target at the proper place.

const data = [{
  "id":"1",
  "name":"one",
  "children":[
     {
        "id":"4",
        "name":"four",
        "children":[]
     },
     {
        "id":"5",
        "name":"five",
        "children":[]
     },
     {
        "id":"6",
        "name":"six",
        "children":[]
     }
  ]
}];

const object = {"id":"new data","name":"new data","children":[]};

const add = (object, toArray, afterId) => {
  const afterIndex = toArray.findIndex(item => item.id === afterId);
  toArray.splice(afterIndex + 1, 0, object);
};

add(object, data[0].children, '5');
console.log(data);

answered Jul 24, 2018 at 13:21

sjahan

5,9804 gold badges24 silver badges46 bronze badges

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

Collectives™ on Stack Overflow

insertafter data in nested json object

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related