Loop or Iterate through Array of Objects in JavaScript

🎓 Top 15 Udemy Courses (80-90% Discount): My Udemy Courses - Ramesh Fadatare — All my Udemy courses are real-time and project oriented courses.

▶️ Subscribe to My YouTube Channel (178K+ subscribers): Java Guides on YouTube

▶️ For AI, ChatGPT, Web, Tech, and Generative AI, subscribe to another channel: Ramesh Fadatare on YouTube

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

My Top and Bestseller Udemy Courses. The sale is going on with a 70 - 80% discount. The discount coupon has been added to each course below:

Build REST APIs with Spring Boot 4, Spring Security 7, and JWT

🆕 High-Demand 80–90% OFF

[NEW] Learn Apache Maven with IntelliJ IDEA and Java 25

🆕 High-Demand 80–90% OFF

ChatGPT + Generative AI + Prompt Engineering for Beginners

🚀 Trending Now 80–90% OFF

Spring 7 and Spring Boot 4 for Beginners (Includes 8 Projects)

🔥 Bestseller 80–90% OFF
Available in Udemy for Business

Building Real-Time REST APIs with Spring Boot - Blog App

🔥 Bestseller 80–90% OFF
Available in Udemy for Business

Building Microservices with Spring Boot and Spring Cloud

🌟 Top Rated 80–90% OFF
Available in Udemy for Business

Java Full-Stack Developer Course with Spring Boot and React JS

🔥 Bestseller 80–90% OFF
Available in Udemy for Business

Build 5 Spring Boot Projects with Java: Line-by-Line Coding

🌟 Top Rated 80–90% OFF

Testing Spring Boot Application with JUnit and Mockito

🔥 Bestseller 80–90% OFF
Available in Udemy for Business

Spring Boot Thymeleaf Real-Time Web Application - Blog App

🔥 Bestseller 80–90% OFF
Available in Udemy for Business

Master Spring Data JPA with Hibernate

🔥 Bestseller 80–90% OFF
Available in Udemy for Business

Spring Boot + Apache Kafka Course - The Practical Guide

🎓 Student Favorite 80–90% OFF
Available in Udemy for Business

Java Testing: Mastering JUnit 5 Framework

🆕 New 80–90% OFF

Reactive Programming in Java: Spring WebFlux and Testing

🌟 Top Rated 80–90% OFF

Spring Boot + RabbitMQ Course - The Practical Guide

🌟 Top Rated 80–90% OFF
Available in Udemy for Business

Functional Programming in Java (Includes Java Collections)

🎓 Student Favorite 80–90% OFF

ChatGPT for Java Developers: Boost Your Productivity with AI

🚀 Trending Now 80–90% OFF