how to loop and convert an array of objects to an object with key value pair

Question

I have an Array of Objects something like this

[
  {name: "John", country: "USA", revision: 1},
  {name: "Mark", country: "England", revision: 0},
  {name: "Bruce", country: "France", revision: 1}
]

I want to convert it into an object with key value pair with name key, like this

{
  John : {name: "John", country: "USA", revision: 1},
  Mark : {name: "Mark", country: "England", revision: 0},
  Bruce : {name: "Bruce", country: "France", revision: 1}
}

This is what I have done but it does not seems to work

let component = contents.reduce(((content, current}) => {
    content[name] = current;
    return content;
}), {});

What have you tried so far to solve this on your own? A simple for loop should be enough to get the expected output. — Andreas
– Andreas, Commented Nov 2, 2020 at 15:24

Derek Wang · Accepted Answer · 2020-11-02 15:46:11Z

1

This can be done using Array.prototype.reduce func.

const input = [
  {name: "John", country: "USA", revision: 1},
  {name: "Mark", country: "England", revision: 0},
  {name: "Bruce", country: "France", revision: 1}
];

const output = input.reduce((acc, {name, ...item}) => {
  acc[name] = item;
  return acc;
}, {});
console.log(output);

edited Nov 2, 2020 at 15:46

answered Nov 2, 2020 at 15:24

Derek Wang

10.2k4 gold badges20 silver badges40 bronze badges

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

1 Comment

Yevhen Horbunkov Over a year ago

You may use destructuring of .reduce() arguments: input.reduce((acc, {name, ...rest}) => (acc[name] = item, acc), {})

Collectives™ on Stack Overflow

how to loop and convert an array of objects to an object with key value pair

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related