Combining several objects into a single one in TypeScript while handling duplicate keys

Question

Combining several objects into a single one in TypeScript while handling duplicate keys

I'm currently using ng2-charts and I'm looking to create a horizontal bar chart. The values are obtained within a keys.forEach loop, resulting in the console.log output for my data as follows:

{ReasonA: 5}
{ReasonA: 5, ReasonB: 5}
{ReasonA: 1, ReasonB: 3, ReasonC: 2}
{ReasonA: 1, ReasonB: 4, ReasonE: 2}

My goal is to merge these objects into one, consolidating multiple values under the same key. The expected outcome in this scenario would be:

{ReasonA: 12, ReasonB: 12, ReasonC: 2, ReasonE: 2}

Having achieved this merged object, I can then separate the keys and values to populate the chart. Could you provide guidance on how to combine the 4 objects into the desired result?

Thank you in advance.

angular algorithm typescript

Answer 1

Answer №1

When dealing with properties that are all numbers, the process becomes straightforward by utilizing an array and the reduce method. However, if the properties consist of different types, the logic required becomes a bit more intricate. Below is a sample function that can be used to accomplish this task:

function addProperties(...objects: { [key: string]: number }[]) {
  return objects.reduce((acc, obj) => {
    for (let key in obj) {
      let currentTotal = acc[key] || 0;
      let valueToAdd = obj[key];
      acc[key] = currentTotal + valueToAdd;
    }

    return acc;
  }, {});
}

Example Usage:

addProperties(
  {ReasonA: 5},
  {ReasonA: 5, ReasonB: 5},
  {ReasonA: 1, ReasonB: 3, ReasonC: 2},
  {ReasonA: 1, ReasonB: 4, ReasonE: 2},
)

Answer 2

When dealing with properties that are all numbers, the process becomes straightforward by utilizing an array and the reduce method. However, if the properties consist of different types, the logic required becomes a bit more intricate. Below is a sample function that can be used to accomplish this task:

function addProperties(...objects: { [key: string]: number }[]) {
  return objects.reduce((acc, obj) => {
    for (let key in obj) {
      let currentTotal = acc[key] || 0;
      let valueToAdd = obj[key];
      acc[key] = currentTotal + valueToAdd;
    }

    return acc;
  }, {});
}

Example Usage:

addProperties(
  {ReasonA: 5},
  {ReasonA: 5, ReasonB: 5},
  {ReasonA: 1, ReasonB: 3, ReasonC: 2},
  {ReasonA: 1, ReasonB: 4, ReasonE: 2},
)

Answer 3

Answer №2

Another way to achieve this is by utilizing the forEach method along with Object.keys to iterate over each object key and checking if it exists in the result object. If it does, then the value is incremented, otherwise a new value is assigned.

const mergeObjects = (...objects) => {
  const result = {};
  objects.forEach(obj => Object.keys(obj).forEach(k => result[k] ? result[k] += obj[k] : result[k] = obj[k]));
  return result;
}

console.log(mergeObjects(
  {ReasonA: 5},
  {ReasonA: 5, ReasonB: 5},
  {ReasonA: 1, ReasonB: 3, ReasonC: 2},
  {ReasonA: 1, ReasonB: 4, ReasonE: 2}
));

Answer 4

Another way to achieve this is by utilizing the forEach method along with Object.keys to iterate over each object key and checking if it exists in the result object. If it does, then the value is incremented, otherwise a new value is assigned.

const mergeObjects = (...objects) => {
  const result = {};
  objects.forEach(obj => Object.keys(obj).forEach(k => result[k] ? result[k] += obj[k] : result[k] = obj[k]));
  return result;
}

console.log(mergeObjects(
  {ReasonA: 5},
  {ReasonA: 5, ReasonB: 5},
  {ReasonA: 1, ReasonB: 3, ReasonC: 2},
  {ReasonA: 1, ReasonB: 4, ReasonE: 2}
));

Answer 5

Answer №3

By utilizing lodash's _.extendWith, you can significantly reduce the amount of code needed for the task at hand :)

_.extendWith({FeatureX: 8},
             {FeatureX: 8, FeatureY: 6},
             {FeatureX: 2, FeatureY: 4, FeatureZ: 1},
             {FeatureX: 3, FeatureY: 5, FeatureW: 2}, 
             (obj, src) => (obj||0) + (src||0))

Answer 6

By utilizing lodash's _.extendWith, you can significantly reduce the amount of code needed for the task at hand :)

_.extendWith({FeatureX: 8},
             {FeatureX: 8, FeatureY: 6},
             {FeatureX: 2, FeatureY: 4, FeatureZ: 1},
             {FeatureX: 3, FeatureY: 5, FeatureW: 2}, 
             (obj, src) => (obj||0) + (src||0))

Combining several objects into a single one in TypeScript while handling duplicate keys

Answer №1

Answer №2

Answer №3

Similar questions

Creating unique custom 404 error pages for specific sub-directories within NextJS using the App Router Structure

The POST requests on Next JS Mock API endpoints include parameters passed in the req.body

What is the best way to access a value from a settings.json file in an Angular .ts file?

Is there a way to conceal an element within a component based on the current component being used with the router?

Searching function in material-table does not work properly with pipe symbol

Sending Information to Child Component in Angular2

Incorporating TypeScript into a React-Native Expo development venture

Unveiling the method of retrieving a targeted value from JWT in React

Is there a clever method to transform the property names of child objects into an array of strings?

What is preventing the exclusion of the null type in this specific situation within Typescript?

Tips for accessing properties in JSON objects using AngularJS

Methods for adding a new object to an array in Angular: Explained

How to arrange data in angular/typescript in either ascending or descending order based on object key

loop failing to refresh element within array

What is the process for importing a local widget file in Angular?

Creating new routes and lazy-loading in Angular CLI page generator

Angular project encountering issues in production mode despite setting base-href

Launching Node Application

The Ionic framework has a defined variable

Why is it advantageous to use Observable as the type for Angular 5 component variables?