How do I push elements into a nested array in javascript?

Question

Here's what my JSON looks like

{
    "groups": [{
        "label": "Data Plane",
        "groups": [{
            "label": "Compliance Data %",
            "groups": [{
                "label": "Data1"
            }, {
                "label": "Data2"
            }, {
                "label": "Data3"
            }, {
                "label": "Data4"
            }]
        }]
    }]
}

I have parsed this JSON in my JS, and, I have managed to push the Data Plane into a new array. I would also like to push the labels Compliance Data % and the labels Data1, Data2, and Data3 into the same array in the same tree format as that of the JSON.

I tried the groups[0].groups[0].groups[0].push function to push to the inner most label. But that doesn't work. I have already extracted the JSON object label and fed it to another array, and I'm trying to push these values. I would like to know how to push it to a new array IN the same structure.

I deleted my answer, as it is unclear to me what Planes exactly is, please name your variables in your example so that we can work it out. — a-d
– a-d, Commented Jun 11, 2014 at 13:34
Lol. Your answer actually worked. Turns out that in the new array, "Groups" actually wasn't defined. So, I just gave an empty "group" element, and it worked. — stealthmode
– stealthmode, Commented Jun 11, 2014 at 13:58

a-d · Accepted Answer · 2014-06-11 13:03:15Z

2

This can't work because you are trying to push into an object literal, try this instead

var o = {
    "groups": [{
        "label": "Data Plane",
        "groups": [{
            "label": "Compliance Data %",
            "groups": [{
                "label": "Data1"
            }, {
                "label": "Data2"
            }, {
                "label": "Data3"
            }, {
                "label": "Data4"
            }]
        }]
    }]
};

o.groups[0].groups[0].groups.push({ label: "Data5" });

edited Jun 11, 2014 at 13:03

answered Jun 11, 2014 at 12:52

a-d

10.9k2 gold badges34 silver badges50 bronze badges

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

4 Comments

stealthmode Over a year ago

groups[0].groups[0].groups.push({label: json.groups[0].groups[0].groups[0].label}) says that "groups[0].groups[0].groups is undefined". As in the JSON is correct, the function is incorrect.

a-d Over a year ago

What I meant is to access from your object, I'll update my answer to clarify

stealthmode Over a year ago

Let me further clarify. I had made a new array called as "Planes". I was pushing to the "Data Plane" label via Planes.push({label : $LABEL_AQUIRED_FROM_JSON$}). I tried your method now. Planes.groups[0].groups[0].groups.push({label: "Data5"}] I still get Planes.groups is undefined.

a-d Over a year ago

Oh Planes.groups[0].groups.push then

Collectives™ on Stack Overflow

How do I push elements into a nested array in javascript?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related