jquery each loop through array with multiple objects

Question

I have a javascript array of multiple objects like the one bellow :

var myArray = [{

year:'2015',
model:'BMW',
used:false,
extras: [{buckets:'no',sportWheels:'yes'},{buckets:'no',sportWheels:'yes'}],
color:'blue'

.....

}];

What i am trying to do is to loop this array and pass the results into a list, something like this :

$.each(myArray, function(i, e){
var year = myArray[i].year;
var model = myArray[i].model;
var used = myArray[i].used;
var color = myArray[i].color;
var extras = myArray[i].extras; 

$('.list').append(year+model+used+color);
});

Everything goes well till i want to gather the results of extras. I dont know what to do can anyone suggest something. I thought about a second loop but doesnt work!!!

A nested loop should work just fine. Please post what you tried and we'll figure out what you did wrong. — Barmar
– Barmar, Commented Feb 5, 2015 at 1:42

Lumi Lu · Accepted Answer · 2015-02-05 02:34:00Z

5

do each loop for myArray[i].extras

    $.each(myArray, function(i, e){
        var year = myArray[i].year;
        var model = myArray[i].model;
        var used = myArray[i].used;
        var color = myArray[i].color;
        var extras = myArray[i].extras; 
        var str=''; 
        $.each(myArray[i].extras, function (index, data) {
            // alert(data.buckets);
            str+='<div>' + year + model + used + color + data.buckets + data.sportWheels +'</div>';
        })
        $('.list').append(str);
        //$('.list').append(year+model+used+color);
    });

edited Feb 5, 2015 at 2:34

answered Feb 5, 2015 at 1:44

Lumi Lu

3,3011 gold badge14 silver badges21 bronze badges

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

4 Comments

billo Over a year ago

Yes i tried this but the problem is that i have more than one model in my array the code i wrote here is a sample and if you append into list like you did here in your example appending more lists than the data that exist , do more looping

Lumi Lu Over a year ago

change var str; to var str=''; undefined will be gone. it is my pleasure to help you.

billo Over a year ago

You're the best buddy , really thank you, you rescued me!!! Have a nice time. bye :) :)

Lumi Lu Over a year ago

it is my pleasure to help you.

Collectives™ on Stack Overflow

jquery each loop through array with multiple objects

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