Итерация массива JSON с использованием jQuery

Question

У меня есть массив JSON (частичные данные).

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

Требование состоит в цикле через массив JSON и отображать все Firstname данных людей.

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

Использование jQuery, как получить firstName?

Answer 1

Это то, что итератор for был разработан, например.

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

Answer 2

Используйте функцию .each() для прохождения через пары значений ключа и отображения значения, как показано ниже.

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