Concise mapping of object subfields in JS

Scenario

You have an array of objects and you want to return the objects with only a subset of the fields.

Implementation

Standard approach with a map:

const arrayOfObjs = [
  { id: 12, name: "Thomas" },
  { id: 3, name: "Gerald" },
];

// We just want the `name` property

const subset = arrayOfObjs.map((obj) => {
  name: obj.name;
});

More concise approach with destructuring:

const subset = arrayOfObjs.map(({ name }) => ({ name }));

Related notes