jquery loop through JSON objects with different key name

Question

I have this simple JSON object:

var data = [{"some":25},{"stuff":12}]

I want to loop through this object to access both the key and it's value in each pair. Currently I know how to loop when a fixed key like:

var data = [{"host":"foo","url":"bar"},{"host":"foos","url":"bars"}]

$.each(data, function(i, item) {
     alert(data[i].host);
});

What about if the key is different and I need to access it as well as the value?

tymeJV · Accepted Answer · 2014-09-30 20:20:55Z

3

You have an array of objects..so loop the array, then loop the keys of the object at that index:

for (var i = 0; i < data.length; i++) {
    for (var key in data[i]) {
        console.log(key + ":" + data[i][key]);
    }
}

answered Sep 30, 2014 at 20:20

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

3 Comments

is there a jquery equivalent?

@MichaelSamuel -- You dont need jQuery...jQuery is JavaScript.

i know that already :) I prefer the jquery syntax more though

Vinay · Accepted Answer · 2014-09-30 20:24:52Z

1

Not sure why you wanna use jQuery only, but:

$.each(data, function (i, obj) {
    $.each(obj, function (key, val) {
      // do what you want
    });
});

answered Sep 30, 2014 at 20:24

Vinay

6,3627 gold badges40 silver badges56 bronze badges

Sasa · Accepted Answer · 2014-09-30 20:24:08Z

0

Here you go

var data = [{"host":"foo","url":"bar"},{"host":"foos","url":"bars"}]

$.each(data, function(i, item) {
     alert(data[i][key]);
});

answered Sep 30, 2014 at 20:24

Sasa

1,1901 gold badge15 silver badges24 bronze badges