javascript create an object with key obtained from value of a key from another array of objects

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?

You can use forEach on the array (which would have worked in ES5 too). That’s about it for base JavaScript. — Ry-
– Ry- ♦, Commented Mar 12, 2018 at 0:40

Ele · Accepted Answer · 2018-03-12 00:48:54Z

2

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

edited Mar 12, 2018 at 0:48

answered Mar 12, 2018 at 0:41

Ele

33.8k7 gold badges43 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nenad Vracar · Accepted Answer · 2018-03-12 00:42:37Z

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)

answered Mar 12, 2018 at 0:42

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

Comments

Matt Way · Accepted Answer · 2018-03-12 03:26:53Z

0

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.

answered Mar 12, 2018 at 3:26

Matt Way

33.3k10 gold badges85 silver badges86 bronze badges

Collectives™ on Stack Overflow

javascript create an object with key obtained from value of a key from another array of objects

3 Answers 3

Resources

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Resources

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related