javascript pluck from array of objects

Javascript Pluck from Array of Objects#

As a web developer, I have come across situations where I needed to extract a value from an array of objects in JavaScript. This process is known as "pluck" or "pick" and is a common problem when working with data.

Method 1: Using the map() function#

The first method I will discuss is using the map() function to pluck the desired value from each object in the array. This method involves creating a new array by mapping each object to its desired value.

const arr = [
  { name: 'John', age: 30 },
  { name: 'Sarah', age: 25 },
  { name: 'Bob', age: 40 }
];

const names = arr.map(obj => obj.name);

console.log(names); // ["John", "Sarah", "Bob"]

In this example, we have an array of objects with two properties: name and age. Using the map() function, we create a new array containing only the values of the name property in each object.

Method 2: Using the reduce() function#

The second method involves using the reduce() function to pluck the desired value from each object in the array. This method involves iterating over each object in the array and adding its desired value to an accumulator.

const arr = [
  { name: 'John', age: 30 },
  { name: 'Sarah', age: 25 },
  { name: 'Bob', age: 40 }
];

const names = arr.reduce((acc, obj) => {
  acc.push(obj.name);
  return acc;
}, []);

console.log(names); // ["John", "Sarah", "Bob"]

In this example, we have an array of objects with two properties: name and age. Using the reduce() function, we create a new array containing only the values of the name property in each object.

Conclusion#

Both the map() and reduce() functions can be used to pluck values from an array of objects in JavaScript. The choice between these two methods depends on personal preference and the specific requirements of the task at hand.