Create one object from a array of objects in Javascript

Question

I need to create one object from array of objects with a a common key present in the objects.

Input

let data = [
    { code: "name", type: "text", value: "abc" },
    { code: "email", type: "email", value: "[email protected]" },
    { code: "username", type: "text", value: "xyz" },
  ];

Expected output

 {
    email: { code: "email" },
    name: { code: "name" },
    username: { code: "username" },
  }

I can iterate through the array using map function and manually create the object. But there should be an easy way of doing it.

jfk · Accepted Answer · 2020-11-25 07:45:38Z

2

I struggled a bit to find out an elegant solution. But finally achieved

let data = [
    { code: "name", type: "text", value: "abc" },
    { code: "email", type: "email", value: "[email protected]" },
    { code: "username", type: "text", value: "xyz" },
  ];
  
  
let result = data.reduce(
    (accumulatedObject, currentObject) =>
      Object.assign(accumulatedObject, {
        [currentObject.code]: {
          code: currentObject.code,
        },
      }),
    {}
  );
  console.log(result);

answered Nov 25, 2020 at 7:45

jfk

5,50741 silver badges37 bronze badges

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

Comments

Nina Scholz · Accepted Answer · 2020-11-25 08:03:55Z

0

You could take Object.fromEntries and map the key/value pairs.

let data = [{ code: "name", type: "text", value: "abc" }, { code: "email", type: "email", value: "[email protected]" }, { code: "username", type: "text", value: "xyz" }],
    result = Object.fromEntries(data.map(({ code }) => [code, { code }]));

console.log(result);

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

answered Nov 25, 2020 at 8:03

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

2 Comments

mplungjan Over a year ago

I knew you could come up with something more unreadable ;)))

mplungjan Over a year ago

Can mine be shortened? let result = data.reduce((acc,{code}) => { acc[code] = {code}; return acc},{}); I mean getting rid of the { return acc} part

mplungjan · Accepted Answer · 2020-11-25 08:11:39Z

0

A forEach is simpler than map or reduce

let data = [ { code: "name", type: "text", value: "abc" }, { code: "email", type: "email", value: "[email protected]" }, { code: "username", type: "text", value: "xyz" }, ];       
  
let result = {};
data.forEach(({code}) => result[code] = {code});
console.log(result);

If you must use reduce to save the result assignment, then you can do this which might even be possible to shorten further

let data = [ { code: "name", type: "text", value: "abc" }, { code: "email", type: "email", value: "[email protected]" }, { code: "username", type: "text", value: "xyz" }, ]; 
  
let result = data.reduce((acc,{code}) => { acc[code] = {code}; return acc},{});
console.log(result);

edited Nov 25, 2020 at 8:11

answered Nov 25, 2020 at 7:58

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Collectives™ on Stack Overflow

Create one object from a array of objects in Javascript

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related