How to convert Array into object

Question

I wanted to create a customer's dictionary using reduce function, I am doing it using forEach

const customers = 
  [ { name: 'ZOHAIB', phoneNumber: '0300xxxxx', other: 'anything'     } 
  , { name: 'Zain',   phoneNumber: '0321xxxxx', other: 'other things' } 
  ] 

let customersDictionary = {};
customers.forEach(customer => {
  customersDictionary = {
      ...customersDictionary,
      [ customer.phoneNumber ]: {name: customer.name},
      };

I wanted the same output but using reduce method.

customersDictionary = 
  { "0300xxxxx": {"name": "ZOHAIB"}
  , "0321xxxxx": {"name": "Zain"}
}

Oussama · Accepted Answer · 2021-12-14 14:45:38Z

2

This should work

const customers = [
  { name: "ZOHAIB", phoneNumber: "0300xxxxx", other: "anything" },
  { name: "Zain", phoneNumber: "0321xxxxx", other: "other things" },
];

const customersDictionary = customers.reduce(
  (acc, { phoneNumber, name }) => ({
    ...acc,
    [phoneNumber]: { name },
  }),
  {}
);

edited Dec 14, 2021 at 14:45

answered Dec 14, 2021 at 14:23

Oussama

361 silver badge3 bronze badges

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

8 Comments

user16540390 Over a year ago

I like { phoneNumber, ...rest }. I didn't know the rest operator also works with objects.

Oussama Over a year ago

thanks, he needs that as the objects inside the array also contains other properties other than name

Muhammad Zohaib Over a year ago

{"03005359279": {"other": "anything","name": "ZOHAIB"}, "03212744193": {"other":"other thing", "name": "Muhammad Zohaib"}}

Muhammad Zohaib Over a year ago

@Oussama thanks dear

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

|

score 2 · Accepted Answer · 2021-12-14 14:23:37Z

2

You don't need reduce. It's a one-liner with Array.prototype.map and Object.fromEntries:

Object.fromEntries(customers.map(c => [c.phoneNumber, { name: c.name }]));

The variant using reduce:

customers.reduce((acc, c) => {
  acc[c.phoneNumber] = { name: c.name };
  return acc;
}, {});

edited Dec 14, 2021 at 14:23

answered Dec 14, 2021 at 14:15

user16540390

2 Comments

A1exandr Belan Over a year ago

Just a little tunning for reduce variant customers.reduce((acc, {phoneNumber, name}) => ({...acc, [phoneNumber]: { name } }), {});

user16540390 Over a year ago

@Ffire Yes, but I don't want to copy the other answer and IMO the reducer in the other answer is better than mine.

Collectives™ on Stack Overflow

How to convert Array into object

2 Answers 2

8 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related