Loop or Iterate through Array of Objects in JavaScript

In this tutorial, we are going to learn different ways to loop or iterate through an array of objects in JavaScript.

First way: ForEach method

Let's use es6 provided forEach() method which helps us to iterate over the array of objects:

function demo(){
   let users = [
       {
           firstName: "Ramesh",
           lastName: "Fadatare",
           emailId : "ramesh@gmail.com"
       },
       {
            firstName: "Tony",
            lastName: "Stark",
            emailId : "tony@gmail.com"
        },
        {
            firstName: "Tom",
            lastName: "Cruise",
            emailId : "tom@gmail.com"
        }
   ]

   users.forEach((user)=> {
        console.log(user.firstName)
        console.log(user.lastName)
        console.log(user.emailId)
   });    
}

demo();

Output:

Ramesh
Fadatare
ramesh@gmail.com
Tony
Stark
tony@gmail.com
Tom
Cruise
tom@gmail.com

The forEach method takes the callback function as an argument and runs on each object present in the array.

For the best learning experience, I highly recommended that you open a console (which, in Chrome and Firefox, can be done by pressing Ctrl+Shift+I), navigate to the "console" tab, copy-and-paste each JavaScript code example from this guide, and run it by pressing the Enter/Return key.

Refer below screenshot:

Second way: For of loop

Let's use for of loop to iterate over the array of objects in JavaScript:

function demo1(){
    let users = [
        {
            firstName: "Ramesh",
            lastName: "Fadatare",
            emailId : "ramesh@gmail.com"
        },
        {
             firstName: "Tony",
             lastName: "Stark",
             emailId : "tony@gmail.com"
         },
         {
             firstName: "Tom",
             lastName: "Cruise",
             emailId : "tom@gmail.com"
         }
    ]
 
    for(let user of users){
        console.log(user.firstName)
         console.log(user.lastName)
         console.log(user.emailId)
    }   
 }

demo1();

Output:

Ramesh
Fadatare
ramesh@gmail.com
Tony
Stark
tony@gmail.com
Tom
Cruise
tom@gmail.com

Related JavaScript Examples

• Loop or Iterate over an Object in JavaScript //Popular

• Resolved - Uncaught SyntaxError: Invalid shorthand property initializer

• Remove Object from an Array of Objects in JavaScript  //Popular

• Find Number of Properties in a JavaScript Object //Popular

• How to Empty an Array in JavaScript //Popular

• How to Delete a Property of an Object in JavaScript //Popular

• JavaScript typeof Operator Example

• JavaScript Utility Methods //Popular

• How to Check If a JavaScript Object Property Is undefined?

• How to Check undefined in JavaScript?

• Best JavaScript Utility Libraries //Popular

• Check if Map is Null or Empty in Java //Popular

• Encode and Decode URL in JavaScript

• JavaScript LocalStorage Methods - setItem(), getItem(), removeItem() clear() and key() Example //Popular

• JavaScript SessionStorage Methods - setItem(), getItem(), removeItem() clear() and key() Example //Popular