Loop or Iterate through Array of Objects in JavaScript

📘 Premium Read: Access my best content on Medium member-only articles — deep dives into Java, Spring Boot, Microservices, backend architecture, interview preparation, career advice, and industry-standard best practices.

🎓 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 (176K+ 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