Is there a shorter version of this array map arrow function?

Question

I need to reduce a JSON with objects with names and other properties down to only objects with names.

At first I used this but this resulted in a SyntaxError: Unexpected token ':':

data.map(m => {"name": m.name})

This works but I was wondering if there is a better way?

data.map(m => {
    return {"name": m.name}
})

Hm. Do you need "objects with names"? Why not just finish with an array of names? `data.map(m => m.name);` — James, Mar 28 '21 at 11:34
@James It's part of an excercise, I can't chose what the teacher wants. — Jan-Pieter, Mar 28 '21 at 12:22

score 4 · Accepted Answer · answered Mar 28 '21 at 11:27

4

Wrap the curly brackets with parentheses, when you wish to return an object:

data.map(m => ({ "name": m.name }))

Since the names of the properties are the same, you can also use destructuring and shorthand property names:

data.map(({ name }) => ({ name }))

answered Mar 28 '21 at 11:27

Ori Drori

Still looking forward to a shorthand of the second example `data.map(({ name }) => ({ name }))` which is kinda boilerplaty especially if you have to extract multiple properties without name change. – robsn Jun 07 '23 at 07:34

1 Answers1