Stay Tuned!

Subscribe to our newsletter to get our newest articles instantly!


How to map array of objects in Javascript

Mapping through an array of objects in JavaScript allows for efficient iteration and transformation of each object within the array. This process enables the modification or extraction of specific properties, facilitating data manipulation. Let’s explore how to map an array of objects in JavaScript.

Understanding Array Map Method

The map() method in JavaScript executes a provided function once for each array element, returning a new array containing the results of the applied function.


const newArray =, index, array));
  • callback: The function applied to each element in the array.
  • currentValue: The current element being processed.
  • index: The index of the current element being processed.
  • array: The array being mapped.

Example: Mapping an Array of Objects

Consider an array of objects representing users with id and name properties:

const users = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Alice' },
  { id: 3, name: 'Bob' },
  // Add more objects as needed

Mapping to Extract Specific Properties

const mappedUsers = => ({

  • The map() method creates a new array (mappedUsers) by iterating through each user object in the users array.
  • For each user object, a new object is returned containing the userId (renamed from id) and userName (converted to uppercase) properties.

Transforming Data with Map

const modifiedUsers = => {
  return {
    isAdmin: === 1, // Example condition for assigning isAdmin property

  • The map() method iterates through each user object in the users array and creates a new array (modifiedUsers).
  • The spread operator (...user) retains the existing properties of each user object while adding the isAdmin property based on a condition.


Mapping through an array of objects in JavaScript empowers developers to efficiently modify, extract, or transform data within the array. The map() method simplifies data manipulation, allowing for the creation of new arrays with modified object structures or extracted properties.

Happy Coding !

You Might Also Like

  • Lorem ipsum dolarorit ametion consectetur
  • The Blues Kitchen woks Podcast
  • Chasing Dreams in Slow Motion
  • If you use this site regularly and would like to help keep the site on the Internet,
  • Dolarorit ametion consectetur elit.
  • Modern Office Must-Have in 2021
  • If you are going to use a passage of Lorem
  • Lorem ipsum consectetur elit.




About Author

Leave a comment

Your email address will not be published. Required fields are marked *

You may also like

Javascript Tech

How to change Lowercase to Uppercase in Javascript

There are many variations of passages of Lorem Ipsum available but the majority have suffered alteration in that some injected

How to refresh page after update in JavaScript

In JavaScript, refreshing a page after an update is a common requirement to ensure users view the latest content or