use property value as property key using map

Question

I want to return a new array but take the property value to become property name.

const temp = [
  {name: 'james'},
  {name: 'ally'}
]

const new = temp.map(obj => ({
    `${obj.name}`: null
}))

Obviously it doesn't work this way. Any clue? https://jsfiddle.net/qg8ofom1/

Answer 1

const temp = [
  {name: 'james'},
  {name: 'ally'}
];

const newObj = temp.map(obj => ({
    [obj.name]: null
}));

console.log(newObj);

Answer 2

couple of things are incorrect

1. new is a reserved word. You can not use it to declare a variable
2. missing brackets around your temp array's items
3. limited in what you can use as a key: https://stackoverflow.com/a/6500668/534056

try this:

const temp = [
  { name: 'james' }, 
  { name: 'ally' }
]

const newObject = temp.map(obj => ({
  [obj.name]: null
}))

console.log(newObject)

That's ES6, so if you need to you can use bracket notation to assign properties

const temp = [
  { name: 'james' },
  { name: 'ally' }
]

const new1 = temp.map(obj => {
  var x = {}
  x[obj.name] = null
  return x
})

console.log(new1)