Looping over JSON with jQuery

Question

I am trying to look through this:

[
    {"leadID":"1","leadName":"Steve"},
    {"leadID":"2","leadName":"Bob"},
    {"leadID":"3","leadName":"Bill"},
    {"leadID":"4","leadName":"Jim"},
    {"leadID":"5","leadName":"James"},
    {"leadID":"6","leadName":"John"},
    {"leadID":"7","leadName":"Eric"},
    {"leadID":"8","leadName":"Tony"},
    {"leadID":"9","leadName":"Jason"},
    {"leadID":"10","leadName":"Paul"}

]

I am trying to do it using the $.each but I cannot get it right. Here was a test to the console:

$.each(JSON, function(k, v) {

    console.log(v[0]);

});

I am sure I am just not parsing the JSON right but I cannot figure it out. Ultimately I need to append the data to the options of a select input.

Any help on this would be great.

Thanks!

Maktouch · Accepted Answer · 2012-10-11 22:48:53Z

4

You need to parse the JSON first, if its not already parsed.

Some browser have this native:

jsonobject = JSON.parse(jsonstring)

If not, you can use jQuery

jsonobject = $.parseJSON(jsonstring)

Then, when it's an object, you can loop through it with $.each

$.each(jsonobject, function(x,v) {
   console.log(v.leadID);
   console.log(v.leadName);
});

answered Oct 11, 2012 at 22:48

Maktouch

3,24723 silver badges21 bronze badges

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

3 Comments

Sequenzia Over a year ago

This did it. You are right that I needed to parse the JSON first. It's working perfect now. Thanks!

Maktouch Over a year ago

Cool :) If this is a web page, you should use jQuery $.parseJSON. I don't think IE has the JSON library. Cheers.

Sequenzia Over a year ago

Yeah, I am doing it with jQuery. Thanks again.

Seth · Accepted Answer · 2012-10-11 22:40:37Z

1

If you use $.each,it would look like this:

$.each(myJSON, function(key, value){
    console.log(value);
    console.log(value['leadID']);
});

You don't need to do value[0]. Here is how I normally do this:

for (var tk in myJSON)
{
    console.log(myJSON[tk]);
    console.log(myJSON[tk]['leadID']);
}

See http://api.jquery.com/each/

answered Oct 11, 2012 at 22:40

Seth

1,3731 gold badge8 silver badges17 bronze badges

1 Comment

Sequenzia Over a year ago

Thanks for the help but I looks like my problem was because I was not parsing the JSON first. Thanks

lrsjng · Accepted Answer · 2012-10-11 22:45:17Z

0

in your example k will iterate over the indices of you array (0..9) and v will iterate over the objects..

so for example you could do (comments refer to the first iteration):

$.each(JSON, function(k, v) {

    console.log(k); // 0
    console.log(v); // {"leadID":"1","leadName":"Steve"}
    console.log(v['leadID']); // "1"
    console.log(v['leadName']); // "Steve"

});

answered Oct 11, 2012 at 22:45

lrsjng

2,6251 gold badge21 silver badges24 bronze badges

1 Comment

Sequenzia Over a year ago

Thanks for the help but I looks like my problem was because I was not parsing the JSON first. Thanks

Collectives™ on Stack Overflow

Looping over JSON with jQuery

3 Answers 3

3 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related