javascript object literal dynamic key SyntaxError [duplicate]

Question

What is wrong with this expression?

['a', 'b'].map((x) => {[x]:x})

I'm getting this error:

Uncaught SyntaxError: Unexpected token :

Answer 1

You need to wrap your {} in (), or it will be interpreted as the body of a function:

['a', 'b'].map((x) => ({[x]: x }))

Answer 2

You have enclosed the return value with ()

let result = ['a', 'b'].map((x) => ({[x]: x}));

console.log(result);

Answer 3

whenever you return object from arrow functions you wrap them in paranthesis

['a', 'b'].map((x) => ({[x]:x}))