Combine several objects into one consolidated object

Question

Combine several objects into one consolidated object

Is there a way to combine multiple Json objects into one single object?

When parsing an array from AJAX, I noticed that it logs like this:

0:{id: "24", user: "Joe", pass: "pass", name: "Joe Bloggs", role: "Technical Support", ...}
1:{id: "25", user: "Jim", pass: "pass", name: "Jim Bloggs", role: "Technical Support", ...}
2:{id: "26", user: "John", pass: "pass", name: "John Bloggs", role: "Technical Support", ...}

I am seeking a solution where I can iterate through the data and consolidate the id's and users into a single line in this specific format:

0: {Joe : 24, Jim : 25, John : 26}

Any suggestions on how to achieve this?

Thank you!

javascript arrays json javascript-objects

Answer 1

Answer №1

Transforming the data into a new object is achievable:

let arr = [{id: "30", user: "Alice", pass: "pass", name: "Alice Smith", role: "Developer"},
{id: "31", user: "Bob", pass: "pass", name: "Bob Johnson", role: "Designer"},
{id: "32", user: "Charlie", pass: "pass", name: "Charlie Brown", role: "Engineer"}]

let result = arr.reduce((acc, curr) => {
    acc[curr.user] = curr.id;
    return acc;
}, {});

console.log(result);

You may also opt for destructuring if that's your preference:

let arr = [{id: "30", user: "Alice", pass: "pass", name: "Alice Smith", role: "Developer"},
{id: "31", user: "Bob", pass: "pass", name: "Bob Johnson", role: "Designer"},
{id: "32", user: "Charlie", pass: "pass", name: "Charlie Brown", role: "Engineer"}]

let result = {};
for (let {id, user} of arr) {
    result[user] = id;
}

console.log(result);

Answer 2

Transforming the data into a new object is achievable:

let arr = [{id: "30", user: "Alice", pass: "pass", name: "Alice Smith", role: "Developer"},
{id: "31", user: "Bob", pass: "pass", name: "Bob Johnson", role: "Designer"},
{id: "32", user: "Charlie", pass: "pass", name: "Charlie Brown", role: "Engineer"}]

let result = arr.reduce((acc, curr) => {
    acc[curr.user] = curr.id;
    return acc;
}, {});

console.log(result);

You may also opt for destructuring if that's your preference:

let arr = [{id: "30", user: "Alice", pass: "pass", name: "Alice Smith", role: "Developer"},
{id: "31", user: "Bob", pass: "pass", name: "Bob Johnson", role: "Designer"},
{id: "32", user: "Charlie", pass: "pass", name: "Charlie Brown", role: "Engineer"}]

let result = {};
for (let {id, user} of arr) {
    result[user] = id;
}

console.log(result);

Combine several objects into one consolidated object

Answer №1

Similar questions

Guide to shutting down a print dialogue in a web browser with javascript

The alignment issue persists in HTML/CSS despite troubleshooting efforts

Disabling the current date on date pickers in material ui: A step-by-step guide

Delete the content on a webpage using an Ajax jQuery request to transfer it elsewhere

Create a dynamic select2 field based on the value selected in another dropdown menu

Unlocking request header field access-control-allow-origin on VueJS

How to determine if a radio button has been selected using Javascript?

Converting XML to JSON using Java

Vue: Choosing an option during the execution of setInterval

ReactPlayer allows for the simultaneous playback of two files

Exploring the connections between PHP, JavaScript, JSON, and AJAX

It is impossible to add a promise's value to an array

The toast feature is struggling to locate its designated div

Exploring Node.js Express: Understanding the Difference Between Modules and Middleware

What is the best way to achieve a precision of 6 decimal places in JavaScript when working with decimals?

What could be causing this empty Ajax ResponseText?

Sending an AJAX request to a Symfony controller's URL

angular trustAsHtml does not automatically insert content

Tips for maintaining a persistent login session in React Native with Firebase forever

Modifying the style of a specific row when the form is submitted