JavaScript array of objects

by danielkwood

HTML

<html>
    <head>
        <title>Array of objects</title>
        <script src="script.js"></script>
    </head>
        
    <body>

    </body>
</html>

JavaScript

// Create an array of objects
var avengers = [
  {
    member: "Hulk",
    firstName: "Bruce",
    lastName: "Banner"
  },
  {
    member: "Iron Man",
    firstName: "Tony",
    lastName: "Stark"
  },
  {
    member: "Black Widow",
    firstName: "Natasha",
    lastName: "Romanova"
  },
  {
    member: "Black Widow",
    firstName: "Peter",
    lastName: "Parker"
  }
]

// Display property values for one of the objects in the array
console.log(avengers[1].firstName + " " + avengers[1].lastName + " is " + avengers[1].member);

// Create a new object
var newAvenger = {
  member: "Captain America",
  firstName: "Steve",
  lastName: "Rogers"
};

// Add the new object to the end of the array
avengers.push(newAvenger);

// Display the new object's property values
console.log(avengers[4].firstName + " " + avengers[4].lastName + " is " + avengers[4].member);