Autosave: 2024-06-28 09:45:03

zk/Concise_mapping_of_object_subfileds_in_JS.md

@@ -1,12 +0,0 @@
----
-id: dv3u
-title: Concise mapping of object subfileds in JS
-tags: []
-created: Friday, June 28, 2024 
----
-# Concise mapping of object subfileds in JS
-
-
-## Related notes
-
-

zk/Concise_subfield_mapping_JS.md

@@ -0,0 +1,38 @@
+---
+id: dv3u
+title: Concise mapping of object subfileds in JS
+tags: []
+created: 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:
+
+```js
+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:
+
+```js
+const subset = arrayOfObjs.map(({ name }) => ({ name }));
+```
+
+## Related notes