How to get an array of object values ​​using jquery

Question

I have a problem to get the whole element in an array of an object using jquery ...

I get this code from the Internet ...

var id = 123;
var test = new Object();
test.Identification = id;
test.Group = "users";
test.Persons = new Array();

test.Persons.push({"FirstName":" AA ","LastName":"LA"});
test.Persons.push({"FirstName":" BB ","LastName":"LBB"});
test.Persons.push({"FirstName":" CC","LastName":"LC"});
test.Persons.push({"FirstName":" DD","LastName":"LD"});

How to get each of "FirstName" and "LastName" in Persons using jQuery ??

Answer 1

You can use $.each()or $.map(), depending on what you want to do with it.

$.map(Persons, function(person) {
    return person.LastName + ", " + person.FirstName;
});
// -> ["Doe, John", "Appleseed, Marc", …]

Answer 2

You can use $.each()to iterate over an array.

$.each(test.Persons, function(index){
    alert(this.FirstName);
    alert(this.LastName);
});

See working demo

Answer 3

You can use JavaScript syntax for the array:

for(var i in test.Persons) {
    alert(test.Persons[i].FirstName + " " + test.Persons[i].LastName);
}

Answer 4

Using jQuery for this will outwit imho a bit.

Array.forEach :

test.Persons.forEach(function(person) {
  alert(person.FirstName + " " + person.LastName);
});

or just by index:

alert(test.Persons[0].FirstName + " " + test.Persons[0].LastName);