javascript用从另一个对象数组的键值获得的键创建对象

Question

I am creating an object from the array of objects, using the value for one of the keys:

 const myArray = [ { uuid: '123', name: 'abc' }, { uuid: '789', name: 'xyz' } ]; const newObj = {}; for (var i = 0; i < myArray.length; i++) { newObj[myArray[i].uuid] = myArray[i]; } console.log('result: ', newObj) 

how can I do the same using ecma6 practices?

Answer 1

Using the functions reduce , Spread syntax , Computed property names and Arrow functions .

 const myArray = [ { uuid: '123', name: 'abc' }, { uuid: '789', name: 'xyz' } ]; var newObj = myArray.reduce((a, c) => ({...a, [c.uuid]: c}), {}); console.log('result: ', newObj) 

 .as-console-wrapper { max-height: 100% !important; top: 0; } 

Resources

• Computed property names
• reduce()
• Spread syntax (...)
• Arrow functions

Answer 2

You could use Object.assign() with map() and spread syntax ...

 const myArray = [{uuid: '123',name: 'abc'},{uuid: '789',name: 'xyz'}]; const newObj = Object.assign({}, ...myArray.map(e => ({[e.uuid]: e}))) console.log(newObj) 

Answer 3

The other answers are fancy, but I think the most readable, and simplest answer is the following:

 const myArray = [{uuid: '123',name: 'abc'},{uuid: '789',name: 'xyz'}]; const newObj = {} myArray.forEach(item => newObj[item.uuid] = item) console.log(newObj) 

Yes this was available in version 5, but I think is applicable to the goal of the question.