I have two objects of person:
var p1 = {firstName:"John", lastName:"Doe", age:46};
var p2 = {firstName:"Joanne", lastName:"Doe", age:43};
How can i add these objects to a persons array and access it by index?
All i know is to initialized the persons:
var persons = [
{firstName:"John", lastName:"Doe", age:46},
{firstName:"Joanne", lastName:"Doe", age:43}
];
To create an array of persons:
var persons = []; // initialize the array
persons.push({firstName:"John", lastName:"Doe", age:46}); // Add an object
persons.push({firstName:"Joanne", lastName:"Doe", age:43}); // Add another object
To retrieve the value at a specific index:
persons[1].firstName // "Joanne"
persons[1].lastName // "Doe"
persons[1].age // 43
To iterate through the array use a for loop, or any kind of loop:
for (var i = 0; i < persons.length; i++) {
console.log( persons[i].firstName ); // writes first names to console
}
To create an array literal use [] instead of {}.
You can add each object by using the push method.
Cycle through your array and for each one persons.push(object).
An alternate approach to iterate through an array of these people is:
const people = persons.map((person, i) => {
console.log(persons[i].firstName)
});
You can use push method It will add the object to the end of the array.
see example:
<script>
var per1 ={firstName:"John", lastName:"Doe", age:46};
var per2 ={firstName:"Johny", lastName:"Doe", age:50};
var persons = [per1,per2];
var per3 ={firstName:"Johnonon", lastName:"Doe", age:52};
persons.push(per3);
</script>
var persons = [p1, p2]