access arrays inside objects using javascript?

Question

Lets say this JSON is held inside a variable called response:

{
    "brands": {
        "Honda": [
          "Accord",
          "Civic"
        ],

        "Porsche": [
          "Cayenne",
          "Cayman"
        ]
    }
}

I want to access the models inside each brand for example:

for ( var car_brands in response.brands ) {
    console.log(car_brands); // would console Honda, Porsche etc.
}

So how can i say for each car_brands get the models( the array inside each car_brand) i.e Accord civic in the same loop.

Maybe i should structure my JSON properly to make it easier to parse.

console.log(response.brands[car_brands])

Luis Masuelli
– Luis Masuelli

2014-05-23 16:13:04 +00:00
Commented May 23, 2014 at 16:13 — Luis Masuelli
– Luis Masuelli, Commented May 23, 2014 at 16:13

Kenneth · Accepted Answer · 2014-05-23 16:13:41Z

2

You can get at the value by using the property indexer syntax:

var car_brandsArray = response.brands[car_brands]

And then you can loop over them with a for loop:

for ( var car_brands in response.brands ) {
    console.log(car_brands); // would console Honda, Porsche etc.
    var car_brandsArray = response.brands[car_brands];
    for (var i = 0; i < car_brandsArray .length; i++) {
        console.log(car_brandsArray[i]; // would console Accord, Civi
    }
}

Or of course, just log the array immediately:

for ( var car_brands in response.brands ) {
        console.log(car_brands); // would console Honda, Porsche etc.
        var car_brandsArray = response.brands[car_brands];
        console.log(car_brandsArray);
    }

answered May 23, 2014 at 16:13

Kenneth

28.8k7 gold badges65 silver badges85 bronze badges

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

Comments

Luis Masuelli · Accepted Answer · 2014-05-23 16:16:21Z

1

when you iterate:

for(var car_brands in response.brands) {
}

you iterate the indexes (in objects) and not the values (for in iterates over properties).

finally, to get your array:

for(var car_brand in response.brands) {
    var car_brands = response.brands[car_brand];
}

and to iterate over it's values:

for(var car_brand in response.brands) {
    var car_brands = response.brands[car_brand];
    for(var index = 0; index < car_brands.length; i++) {
        //do anything here, over car_brands[index];
    }
}

answered May 23, 2014 at 16:16

Luis Masuelli

12.4k11 gold badges52 silver badges89 bronze badges

Comments

iLikePrograms · Accepted Answer · 2014-05-23 16:15:36Z

1

for ( var car_brands in response.brands ) {
    for(var model in response.brands[car_brands]) {
        console.log(model);
    }
}

You nearly had it, just needed another loop :)

or you could do it with Array.forEach:

response.brands.forEach(function (brand) {
    brand.forEach(function (model) {
        console.log(model);
    });
});

My personal favourite is Array.forEach.

answered May 23, 2014 at 16:15

iLikePrograms

4682 silver badges9 bronze badges

Collectives™ on Stack Overflow

access arrays inside objects using javascript?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related