Convert an Array of Objects to Array of Values in JS

Convert an Array of Objects to Array of Values #

To convert an array of objects to array of values, call the map() method on the array and on each iteration, return the value, e.g. arr.map(obj => obj.property). The map method will return a new array containing the corresponding values.

Copied!
const arrOfObj = [
  {id: 1, name: 'Alice'},
  {id: 2, name: 'Bob'},
];

const arr = arrOfObj.map(object => object.name);
console.log(arr); // 👉️ ['Alice', 'Bob']

The function we passed to the Array.map method gets called with each element (object) in the array.

On each iteration, we access the object at a specific property to get an array of values.

The map() method returns a new array that contains all of the values the callback function returned.

An alternative approach is to use the Array.forEach method to iterate over the array.

Copied!
const arrOfObj = [
  {id: 1, name: 'Alice'},
  {id: 2, name: 'Bob'},
];

const arr = [];

arrOfObj.forEach(object => {
  arr.push(object.name);
});

console.log(arr); // 👉️ ['Alice', 'Bob']

The forEach method returns undefined, so we have to declare a variable that will store the state from iterating over the array.

The function we passed to the method gets called with each element (object) in the array.

The last step is to push the values we want to persist.

Further Reading #

• Convert an Object's Values to Comma-Separated String in JS
• Find the First Array Element matching a Condition in JS