Restructure an array of objects into a nested object structure

Question

Restructure an array of objects into a nested object structure

I have a list of task items that I need to organize into a structured object based on the ownerID

var tasks = [
{taskID: "1", title: "task1", ownerID: "100", ownerName: "John", allocation: 80},       
{taskID: "2", title: "task2", ownerID: "110", ownerName: "Sarah", allocation: 50}, 
{taskID: "3", title: "task3", ownerID: "110", ownerName: "Sarah", allocation: 50}, 
{taskID: "4", title: "task4", ownerID: "120", ownerName: "Mike", allocation: 25},
{taskID: "5", title: "task5", ownerID: "120", ownerName: "Mike", allocation: 45}];

This is the desired structure:

var people = {

    100: { 
        ownerName: "John",
        tasks: [      
            {taskID: "1", title: "task1", allocation: 80}
        ]       
    },

    110: {
        ownerName: "Sarah",
        tasks: [
            {taskID: "2", title: "task2", allocation: 50},
            {taskID: "3", title: "task3", allocation: 50}
        ]       
    },

    120: {
        ownerName: "Mike",
        tasks: [
            {taskID: "4", title: "task4", allocation: 25},
            {taskID: "5", title: "task5", allocation: 45}
        ]       
    }
};

I am iterating through the original data and assigning each entry

people[ownerID] = {};
person = people[ownerID];
person['ownerName'] = ownerName;
person['tasks'] = [];
person[taskID] = {};
task = person[taskId];
task['taskID'] = taskID;

The current setup groups by ownerID correctly but only includes one task per individual.

Please assist. Thank you!

javascript arrays json object

Answer 1

Answer №1

Here is an effective method to achieve this (assuming ownerName is functionally dependent on ownerID):

const tasks = [   
  {taskID: "1", title: "task1", ownerID: "100", ownerName: "John", allocation: 80},       
  {taskID: "2", title: "task2", ownerID: "110", ownerName: "Sarah", allocation: 50}, 
  {taskID: "3", title: "task3", ownerID: "110", ownerName: "Sarah", allocation: 50}, 
  {taskID: "4", title: "task4", ownerID: "120", ownerName: "Mike", allocation: 25},
  {taskID: "5", title: "task5", ownerID: "120", ownerName: "Mike", allocation: 45}];

const result = tasks.reduce( (acc, {taskID, title, ownerID, ownerName, allocation }) => {
    (acc[ownerID] = acc[ownerID] || { ownerName, tasks: [] })
        .tasks.push( { taskID, title, allocation } );
    return acc;
});

console.log(result);

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

Answer 2

Here is an effective method to achieve this (assuming ownerName is functionally dependent on ownerID):

const tasks = [   
  {taskID: "1", title: "task1", ownerID: "100", ownerName: "John", allocation: 80},       
  {taskID: "2", title: "task2", ownerID: "110", ownerName: "Sarah", allocation: 50}, 
  {taskID: "3", title: "task3", ownerID: "110", ownerName: "Sarah", allocation: 50}, 
  {taskID: "4", title: "task4", ownerID: "120", ownerName: "Mike", allocation: 25},
  {taskID: "5", title: "task5", ownerID: "120", ownerName: "Mike", allocation: 45}];

const result = tasks.reduce( (acc, {taskID, title, ownerID, ownerName, allocation }) => {
    (acc[ownerID] = acc[ownerID] || { ownerName, tasks: [] })
        .tasks.push( { taskID, title, allocation } );
    return acc;
});

console.log(result);

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

Answer 3

Answer №2

users[userID] = {};

user['jobs'] = {};

This code snippet fails to verify if an object with the identical key already exists, resulting in the creation of a new object every time.

To address this issue, consider modifying it as follows:

users[userID] = users[userID] || {};

user['jobs'] = user['jobs'] || {};

Answer 4

users[userID] = {};

user['jobs'] = {};

This code snippet fails to verify if an object with the identical key already exists, resulting in the creation of a new object every time.

To address this issue, consider modifying it as follows:

users[userID] = users[userID] || {};

user['jobs'] = user['jobs'] || {};

Answer 5

Answer №3

It's important to note that tasks should be structured as an array, as objects are unable to contain other objects without a key.

var tasks = [   
{taskID: "1", title: "task1", ownerID: "100", ownerName: "John", allocation: 80},       
{taskID: "2", title: "task2", ownerID: "110", ownerName: "Sarah", allocation: 50}, 
{taskID: "3", title: "task3", ownerID: "110", ownerName: "Sarah", allocation: 50}, 
{taskID: "4", title: "task4", ownerID: "120", ownerName: "Mike", allocation: 25},
{taskID: "5", title: "task5", ownerID: "120", ownerName: "Mike", allocation: 45}];

var transformed = tasks.reduce((obj, item)=> {
    if(!obj[item.ownerID]) {
        obj[item.ownerID] = {};
    }
    obj[item.ownerID].ownerName = item.ownerName;
    if(!obj[item.ownerID].tasks) {
        obj[item.ownerID].tasks = [];
    }
    obj[item.ownerID].tasks.push({taskID: item.taskID, title: item.title, allocation: item.allocation})
    return obj;
}, {})
console.log(transformed);

Answer 6

It's important to note that tasks should be structured as an array, as objects are unable to contain other objects without a key.

var tasks = [   
{taskID: "1", title: "task1", ownerID: "100", ownerName: "John", allocation: 80},       
{taskID: "2", title: "task2", ownerID: "110", ownerName: "Sarah", allocation: 50}, 
{taskID: "3", title: "task3", ownerID: "110", ownerName: "Sarah", allocation: 50}, 
{taskID: "4", title: "task4", ownerID: "120", ownerName: "Mike", allocation: 25},
{taskID: "5", title: "task5", ownerID: "120", ownerName: "Mike", allocation: 45}];

var transformed = tasks.reduce((obj, item)=> {
    if(!obj[item.ownerID]) {
        obj[item.ownerID] = {};
    }
    obj[item.ownerID].ownerName = item.ownerName;
    if(!obj[item.ownerID].tasks) {
        obj[item.ownerID].tasks = [];
    }
    obj[item.ownerID].tasks.push({taskID: item.taskID, title: item.title, allocation: item.allocation})
    return obj;
}, {})
console.log(transformed);

Answer 7

Answer №4

To set a default operator and assign a new object if the property is missing, you can use the logical OR.

var tasks = [{ taskID: "1", title: "task1", ownerID: "100", ownerName: "John", allocation: 80 }, { taskID: "2", title: "task2", ownerID: "110", ownerName: "Sarah", allocation: 50 }, { taskID: "3", title: "task3", ownerID: "110", ownerName: "Sarah", allocation: 50 }, { taskID: "4", title: "task4", ownerID: "120", ownerName: "Mike", allocation: 25 }, { taskID: "5", title: "task5", ownerID: "120", ownerName: "Mike", allocation: 45 }],
    people = {};

tasks.forEach(({ taskID, title, ownerID, ownerName, allocation }) => {
    people[ownerID] = people[ownerID] || { ownerName, tasks: {} };
    people[ownerID].tasks[taskID] = people[ownerID].tasks[taskID] || { taskID, title, allocation };
});

console.log(people);

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

Answer 8

To set a default operator and assign a new object if the property is missing, you can use the logical OR.

var tasks = [{ taskID: "1", title: "task1", ownerID: "100", ownerName: "John", allocation: 80 }, { taskID: "2", title: "task2", ownerID: "110", ownerName: "Sarah", allocation: 50 }, { taskID: "3", title: "task3", ownerID: "110", ownerName: "Sarah", allocation: 50 }, { taskID: "4", title: "task4", ownerID: "120", ownerName: "Mike", allocation: 25 }, { taskID: "5", title: "task5", ownerID: "120", ownerName: "Mike", allocation: 45 }],
    people = {};

tasks.forEach(({ taskID, title, ownerID, ownerName, allocation }) => {
    people[ownerID] = people[ownerID] || { ownerName, tasks: {} };
    people[ownerID].tasks[taskID] = people[ownerID].tasks[taskID] || { taskID, title, allocation };
});

console.log(people);

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

Restructure an array of objects into a nested object structure

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Is there a way to incorporate timeouts when waiting for a response in Axios using Typescript?

"Looking to retrieve data from an array instead of an object in JavaScript? Here's how you can

Unable to find the import "@mui/x-charts/PieChart" in the file "src/components/Pie/Pie.jsx". Could the file be missing or spelled incorrectly?

Retrieving hashtags from a text

Unable to retrieve data from PHP using AJAX request

Convert the entirety of this function into jQuery

Is it possible for the client to prevent the blocking of the Cross-Origin Resource Sharing (CORS) error?

When attempting to upload a file using ajax, the $_FILES variable in PHP came

Creating a transcluding element directive in AngularJS that retains attribute directives and allows for the addition of new ones

Next.js: Uh-oh! Looks like we've hit an obstacle with Error 413 Request Entity

Instructions on integrating a column of buttons into a Bootstrap table containing information retrieved from a MySQL database

Access the JSON data stored in the File Directory by reading and utilizing it for your project

Is it possible to make the entire div clickable for WordPress posts, instead of just the title?

Discover the method for inserting a title attribute value into a span element

Using Selenium Webdrivers to Browse Pages with Minimal Resource Loading

Leveraging IPFS to host a CSS stylesheet

extract objects from an array of objects based on a specified array

Is the Date Epoch a reliable form of unique identification?

Ways to resolve a 500 internal error

Utilizing the Power of GrapesJs in Vue3