Json values in jQuery foreach loop

Question

I'm getting the following JSON response from the server:

[{"id":"1","pid":"0","type":"Individual","code":"i","status":"1"},
 {"id":"2","pid":"0","type":"Group","code":"g","status":"1"},
 {"id":"15","pid":"0","type":"asdasd","code":"asd","status":"1"},
 {"id":"16","pid":"0","type":"asdas","code":"asd","status":"1"},
 {"id":"17","pid":"0","type":"my check","code":"mt","status":"1"}]

How can I make jQuery foreach loop and get only values of id and type.

Sotomajor · Accepted Answer · 2011-04-21 12:19:33Z

15

    var json = '[{"id":"1","pid":"0","type":"Individual","code":"i","status":"1"},{"id":"2","pid":"0","type":"Group","code":"g","status":"1"},{"id":"15","pid":"0","type":"asdasd","code":"asd","status":"1"},{"id":"16","pid":"0","type":"asdas","code":"asd","status":"1"},{"id":"17","pid":"0","type":"my check","code":"mt","status":"1"}]';
    $.each($.parseJSON(json), function() {
        alert(this.id + " " + this.type);
    });

answered Apr 21, 2011 at 12:19

Sotomajor

1,38611 silver badges15 bronze badges

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

2 Comments

Anji Over a year ago

why would you convert the object to a string and then parseJSON instead assign the object to json variable. any specific reason?

Sotomajor Over a year ago

No, I thought the string has been given initially. Of course JSON if it's an object itself, shouldn't be parsed.

Dalen · Accepted Answer · 2011-04-21 12:29:03Z

10

var json = 
[
   {"id":"1","pid":"0","type":"Individual","code":"i","status":"1"},
   {"id":"2","pid":"0","type":"Group","code":"g","status":"1"},
   {"id":"15","pid":"0","type":"asdasd","code":"asd","status":"1"},
   {"id":"16","pid":"0","type":"asdas","code":"asd","status":"1"},
   {"id":"17","pid":"0","type":"my check","code":"mt","status":"1"}
];

$.each(json,function(i,el)
{
   alert(el.id+' - '+el.type);
});

Here is that stupid example running

EDIT:

As enoyhs said this could also be achieved with pure javascript which would be a faster solution. Here is a benchmark of looping arrays in javascript vs jQuery:

edited Apr 21, 2011 at 12:29

answered Apr 21, 2011 at 12:13

Dalen

9,0264 gold badges49 silver badges53 bronze badges

1 Comment

enoyhs Over a year ago

Or you can get without jQuery with simple: for (i in json) { alert(json[i].id + ' - ' + json[i].type); }

ezmilhouse · Accepted Answer · 2011-04-21 12:21:02Z

2

Working sample here: http://jsfiddle.net/ezmilhouse/emCT8/

Snippet to create new array of objects that only contain id and type keys:

var json = [{"id":"1","pid":"0","type":"Individual","code":"i","status":"1"},{"id":"2","pid":"0","type":"Group","code":"g","status":"1"},{"id":"15","pid":"0","type":"asdasd","code":"asd","status":"1"},{"id":"16","pid":"0","type":"asdas","code":"asd","status":"1"},{"id":"17","pid":"0","type":"my check","code":"mt","status":"1"}];

var arr = [];
$.each(json, function(key, value){
    arr.push({
        id: value.id,
        type: value.type
    });
});

console.log(arr);

answered Apr 21, 2011 at 12:21

ezmilhouse

9,1398 gold badges31 silver badges38 bronze badges

Comments

uzername_not_found · Accepted Answer · 2012-10-20 20:44:06Z

0

Try:

<script type="text/javascript">
$(document).ready(function () {
    var x = { "A" : {"A1": "1" } };
        $.each(x, function(i,v) {
            alert(i);
            console.log(i);
        });
});
</script>

answered Oct 20, 2012 at 20:44

uzername_not_found

3391 silver badge5 bronze badges

Collectives™ on Stack Overflow

Json values in jQuery foreach loop

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related