Iterating JSON array using jQuery

Question

I have a JSON array ( partial data).

   {
      "person1": { "firstName":  "Joe", "lastName":"Dutonz"},
      "person2": { "firstName":  "Joe", "lastName":"Foo"},
etc
    }

The requirement is to loop through the JSON array and display all the firstName of the people data.

$.getJSON("people.json", function(obj)
 {
    loop through people data and display firstName
});

Using jQuery how to fetch firstName?

@SubirKumarSao ..not just looks like.. it is not an array at all... — bipen
– bipen, Commented Jun 30, 2013 at 10:32
Can you show at least two elements? Is it an array of objects or just a single object? — Barmar
– Barmar, Commented Jun 30, 2013 at 10:34

James · Accepted Answer · 2013-06-30 10:32:31Z

3

This is what the for iterator was designed for e.g.

$.getJSON("people.json", function(obj)
{
    for (var propName in obj)
    {
        console.log(obj[propName]);
    }
});

answered Jun 30, 2013 at 10:32

James

82.4k19 gold badges172 silver badges245 bronze badges

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

Comments

Joe · Accepted Answer · 2013-06-30 10:32:32Z

1

Use .each() function to loop through the key value pairs and display the value as shown below.

$.getJSON("people.json", function(obj){   
     $.each(obj, function(key,value){
         alert(value.firstName);
     });
});

Joe

15.6k8 gold badges51 silver badges57 bronze badges

answered Jun 30, 2013 at 10:31

user2488066