Accessing nested array objects and values in JSON

Question

I have the following JSON structure and I need to iterate over the nested values of data.list. I'm able to get a nested value when I hard-code with the following console.log(data["list"][0]["My website is https://www.test.com"][0][0].command);, but not when I try to iterate overall of data.list's objects.

var data = {
    "list": [
        {
            "The first website is https://www.w3.org/": [
                [
                    {
                        "command": "This is dummy content",
                        "new": false,
                        "message": "This was fun to make"
                    }
                ]
            ]
        },
        {
            "The second website is https://www.mozilla.org": [
                [
                    {
                        "command": "This is the second command",
                        "new": true,
                        "message": "Lorem ipsum"
                    }
                ]
            ]
        }
    ],
    "verified": false
};


for (var i = 0; i < data.list.length; i++) {
        // this doesn't work
        console.log(data.list[i][0]["0"]["0"]).command;
}

Why would you set a property to an arbitrary string? You really need to rethink your schema. — Patrick Roberts
– Patrick Roberts, Commented Jun 15, 2017 at 18:43
your json is very weird, you have an 1-element array of 1-element array everytime ? — ValLeNain
– ValLeNain, Commented Jun 15, 2017 at 18:44
Do you prefer to implement more generic solution or just specific to your array? — HieuHT
– HieuHT, Commented Jun 15, 2017 at 19:50

Nina Scholz · Accepted Answer · 2017-06-15 18:46:34Z

1

You could use the first key in the object.

var data = { list: [{ "The first website is https://www.w3.org/": [[{ command: "This is dummy content", new: false, message: "This was fun to make" }]] }, { "The second website is https://www.mozilla.org": [[{ command: "This is the second command", new: true, message: "Lorem ipsum" }]] }], verified: false },
    i;

for (i = 0; i < data.list.length; i++) {
    console.log( data.list[i][Object.keys(data.list[i])[0]][0][0].command);
}

answered Jun 15, 2017 at 18:46

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Comments

Stephen Adkins · Accepted Answer · 2017-06-15 19:53:34Z

1

Because the items in the list are objects you have iterate over them in a separate loop. Also, you must take into account that it's an object so you should use the object property as the index and not an integer.

The below should work:

for (var i = 0; i < data.list.length; i++) {
        // this doesn't work
        for (var property in data.list[i]) {
            console.log(data.list[i][property][0][0].command);
        }
}

edited Jun 15, 2017 at 19:53

answered Jun 15, 2017 at 18:55

Stephen Adkins

1001 silver badge9 bronze badges

Collectives™ on Stack Overflow

Accessing nested array objects and values in JSON

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