Ways to evaluate two objects and update the key identifier?

Question

Ways to evaluate two objects and update the key identifier?

Compare the keys in the headerObject with the keys in dataObj and create a new object using the labels from headerObject.

const headerObject = [{
    label: 'Code',
    field_key: 'code'
  },
  {
    label: 'Worked Accounts',
    field_key: 'workedAccounts'
  },
  {
    label: 'Contactable Accounts',
    field_key: 'contactableAccounts'
  },
  {
    label: 'Taken By',
    field_key: 'takenBy'
  },
];

const dataObj = [{
    "code": "ABCD",
    "takenBy": "",
    "workedAccounts": 4,
    "contactableAccounts": 3,
  },
  {
    "takenBy": "Ram",
    "workedAccounts": 2,
    "contactableAccounts": 1,
  },
  {
    "takenBy": "krish",
    "workedAccounts": 2,
    "contactableAccounts": 2,
  },
  {
    "code": "XYZ",
    "takenBy": "",
    "workedAccounts": 9,
    "contactableAccounts": 4,
  },
  {
    "Taken By": "Jack",
    "workedAccounts": 5,
    "contactableAccounts": 0,
  },
  {
    "Taken By": "krish",
    "workedAccounts": 4,
    "contactableAccounts": 4,
  }
];

const result = [{
    "Code": "ABCD",
    "Taken By": "",
    "Worked Accounts": 4,
    "Contactable Accounts": 3,
  },
  {
    "Taken By": "Ram",
    "Worked Accounts": 2,
    "Contactable Accounts": 1,
  },
  {
    "Taken By": "krish",
    "Worked Accounts": 2,
    "Contactable Accounts": 2,
  },
  {
    "Code": "XYZ",
    "Taken By": "",
    "Worked Accounts": 9,
    "Contactable Accounts": 4,
  },
  {
    "Taken By": "Jack",
    "Worked Accounts": 5,
    "Contactable Accounts": 0,
  },
  {
    "Taken By": "krish",
    "Worked Accounts": 4,
    "Contactable Accounts": 4,
  }
];

result = filter(headerObj, el =>
    Object.keys(dataObj)?.filter(ele => ele === el.field_key && {[el.field.key]: ele[field.key));

javascript angular typescript ecmascript-6 ecmascript-2016

Answer 1

Answer №1

const taskArray = [
    {
        name: 'Task 1',
        category_key: 'category1',
    },
    {
        name: 'Task 2',
        category_key: 'category2',
    },
    {
        name: 'Task 3',
        category_key: 'category3',
    },
    {
        name: 'Task 4',
        category_key: 'category4',
    },
];

// Here is the initial structure of the task array
// that you should aim for
const taskMap = taskArray.reduce((acc, { name, category_key }) => {
    acc[category_key] = name;
    return acc;
}, {});

const dataTasks = [
    {
        category1: 'Assignee',
        category2: 'Status',
        category3: 'Priority',
    },
    {
        category2: 'In Progress',
        category3: 'High',
    },
    {
        category2: 'Completed',
        category3: 'Low',
    },
    {
        category1: 'User',
        category2: 'Pending',
        category3: 'Medium',
    },
    {
        category1: 'Admin',
        category3: 'Low',
    },
    {
        category1: 'User',
        category2: 'Active',
        category3: 'High',
    },
];

const summary = dataTasks.map((obj) => {
    return Object.fromEntries(Object.keys(obj).map((key) => [taskMap[key], obj[key]]));
});

console.log(summary);

Answer 2

const taskArray = [
    {
        name: 'Task 1',
        category_key: 'category1',
    },
    {
        name: 'Task 2',
        category_key: 'category2',
    },
    {
        name: 'Task 3',
        category_key: 'category3',
    },
    {
        name: 'Task 4',
        category_key: 'category4',
    },
];

// Here is the initial structure of the task array
// that you should aim for
const taskMap = taskArray.reduce((acc, { name, category_key }) => {
    acc[category_key] = name;
    return acc;
}, {});

const dataTasks = [
    {
        category1: 'Assignee',
        category2: 'Status',
        category3: 'Priority',
    },
    {
        category2: 'In Progress',
        category3: 'High',
    },
    {
        category2: 'Completed',
        category3: 'Low',
    },
    {
        category1: 'User',
        category2: 'Pending',
        category3: 'Medium',
    },
    {
        category1: 'Admin',
        category3: 'Low',
    },
    {
        category1: 'User',
        category2: 'Active',
        category3: 'High',
    },
];

const summary = dataTasks.map((obj) => {
    return Object.fromEntries(Object.keys(obj).map((key) => [taskMap[key], obj[key]]));
});

console.log(summary);

Answer 3

Answer №2

Your example objects contain some errors, but I believe this code snippet addresses your needs:

const mapObject = headerArray.reduce((accumulator, item) => ({...accumulator, [item.field_key]: item.label}), {});

dataArray.reduce((accumulator, item) => [
  ...accumulator,
  Object.keys(item).reduce((current, key) => ({ ...current, [mapObject[key]]: item[key] }), {})
], []);

In the beginning, creating a mapping object for easier comparison of keys and values is essential before proceeding with the mapping process. Hopefully, this solution proves helpful to you.

Answer 4

Your example objects contain some errors, but I believe this code snippet addresses your needs:

const mapObject = headerArray.reduce((accumulator, item) => ({...accumulator, [item.field_key]: item.label}), {});

dataArray.reduce((accumulator, item) => [
  ...accumulator,
  Object.keys(item).reduce((current, key) => ({ ...current, [mapObject[key]]: item[key] }), {})
], []);

In the beginning, creating a mapping object for easier comparison of keys and values is essential before proceeding with the mapping process. Hopefully, this solution proves helpful to you.

Ways to evaluate two objects and update the key identifier?

Answer №1

Answer №2

Similar questions

Filtering Out Elements from an Array with the Filter Method

Encountering a Basic React Issue: Unable to Implement @material-ui/picker in Next.js

Ending a timed function in AngularJS 1

Is it possible to dynamically group by one column in a dataset without requiring a trigger function?

Unable to link to 'Attribute A' because it is not recognized as a valid property of 'Subcomponent'

Is it possible to utilize TypeScript for enforcing type safety in AngularJS templates?

Bootstrap Popover not displaying information after an AJAX request

The functionality of updating the logo in the browser tabs is not functioning as expected in Vue.js 3

spill the elements from one div into another div

What could be causing my newsletter form to malfunction on Amazon CloudFront?

Creating a JavaScript class that mimics the behavior of a C# class/object and can be seamlessly used in a Vue component

Displaying images using <img src='path' /> in React is causing some troubles

Combine an unlimited number of arrays in Node, arranging the items in the result array in an alternating pattern

Ionic - encountering crashes with ion-nav-view on emulator

Attempting to deploy an Angular 9 web project within Visual Studio

Modify the cssclass of a button within a datalist by utilizing JQuery in an ASP.NET environment

Ways to enable dragging for dynamically generated elements using gridstack

Angular and Firebase: Incorporating user feedback into the frontend data structure

The act of searching for items within a table is interfering with the pagination of the table

Is there a way to sort search outcomes by a drop-down menu in Next.js?