eolas/zk/Concise_subfield_mapping_JS.md

id	title	tags	created
dv3u	Concise mapping of object subfileds in JS		Friday, June 28, 2024

Concise mapping of object subfileds 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