Ways to transform an Array into an object

Question

Ways to transform an Array into an object

I had the idea to create a personalized dictionary for customers by utilizing the reduce function. Currently, I am achieving this using the forEach method.

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},
      };

However, my goal is to obtain the same result but with the reduce method.

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

javascript dictionary

Answer 1

Answer №1

This code snippet is expected to provide the desired outcome.

let userList = [
  { username: "JohnDoe", email: "johndoe@example.com", role: "admin" },
  { username: "JaneSmith", email: "janesmith@example.com", role: "user" },
];

let userDictionary = userList.reduce(
  (acc, { email, username }) => ({
    ...acc,
    [email]: { username },
  }),
  {}
);

Answer 2

This code snippet is expected to provide the desired outcome.

let userList = [
  { username: "JohnDoe", email: "johndoe@example.com", role: "admin" },
  { username: "JaneSmith", email: "janesmith@example.com", role: "user" },
];

let userDictionary = userList.reduce(
  (acc, { email, username }) => ({
    ...acc,
    [email]: { username },
  }),
  {}
);

Answer 3

Answer №2

Forget about reduce. You can achieve the same result in just one line using a combination of Array.prototype.map and Object.fromEntries:

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

Alternatively, you could also use reduce like this:

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

Answer 4

Forget about reduce. You can achieve the same result in just one line using a combination of Array.prototype.map and Object.fromEntries:

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

Alternatively, you could also use reduce like this:

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

Ways to transform an Array into an object

Answer №1

Answer №2

Similar questions

Numerous jQuery pop-up windows are being generated instead of just one as intended

How can I extract the value of a JavaScript variable using jsoup in an HTML document?

Non-responsive Click Event on Dynamically Created Div Class

Ensure that the <TabPanel> content occupies the entire width and height of its parent container

Unlocking the Potential: Employing postMessage in an iFrame to Seamlessly Navigate Users towards an Enriching Destination on

Resolving the issue: "How to fix the error "Credentials are not supported if the CORS header 'Access-Control-Allow-Origin' is '*' in React?"

Introduce a timeout in the ajax request

Automatically identify the appropriate data type using a type hint mechanism

Is there a way to remove <font> tags using Javascript designMode?

Could you display the picture prior to the function commencing?

React-redux: Data of the user is not being stored in redux post-login

What is the best way to display a Vuex state based on a function being activated?

Tips for utilizing javascript document.createElement, document.body, and $(document) in an HTML web resource for Microsoft CRM code reviews

The color of the progress bar in JS is not displaying properly

Tips for extracting valuable insights from console.log()

Combine angular ui router templates using grunt into a single file

Encountering difficulties in transferring bulky files with the request module in Node.js

Uh-oh, Ajax encountered a 500 Internal Server Error!

Facilitating the integration of both Typescript and JavaScript within a Node application

What is the proper way to utilize document.getElementById() within a standalone js file?