How to handle multiple objects having same property with different values into single object in angular2?

Question

I have a requirement of displaying an array of data obtained from firebase.The data consisits of date and values.The array is as below

[{data:
{paidAmount: 850, purpose: "Medicine"}
date:
21/02/2018},
{data:
{paidAmount: 100, purpose: "Treatment"}
date:
21/02/2018},
{data:
{paidAmount: 400, purpose: "Medicine"}
date:
20/02/2018},
{data:
{paidAmount: 200, purpose: "Treatment"}
date:
21/02/2018}],
{data:
{paidAmount: 400, purpose: "Treatment"}
date:
10/02/2018}

In the above array,3 same date objects are present and I need to make that 3 objects as 1 consisting of date property same and having data property as array like as below: [{date:21/02/2018,data:[{paidAmount: 850, purpose: "Medicine"}, {paidAmount: 100, purpose: "Treatment"},{paidAmount: 200, purpose: "Treatment"}]},{date:20/02/2018,data:{paidAmount: 400, purpose: "Medicine"}]. How can I implement this one? ,

Nothing to do with angular - just a TS/JS data manipulation issue. Possible duplicate of https://stackoverflow.com/questions/6237537/finding-matching-objects-in-an-array-of-objects — match, Feb 24 '18 at 10:08

score 0 · Accepted Answer · answered Feb 24 '18 at 10:22

While this question doesn't have anything to do with Angular or Typescript, here's a working solution:

const dataset = [
  {
   data: {
     paidAmount: 850,
      purpose: "Medicine"
    },
   date: '21/02/2018'
  },
  {
   data: {
     paidAmount: 100,
      purpose: "Treatment"
    },
    date: '21/02/2018'
  },
  {
   data: {
     paidAmount: 400,
      purpose: "Medicine"
    },
    date: '20/02/2018'
  },
  {
   data: {
     paidAmount: 200,
      purpose: "Treatment"
    },
    date: '21/02/2018'
  },
  {
   data: {
     paidAmount: 400,
      purpose: "Treatment"
    },
    date: '10/02/2018'
  }
]

const hash = {};
dataset.forEach(x => {
 if (!hash[x.date]) {
   hash[x.date] = [x.data];
    return;
  }
  
  hash[x.date].push(x.data);
});

const transformed = [];

for (date in hash) {
 transformed.push({date, data: hash[date]});
}

console.log(transformed);

Actually I need to convert the response array into above format that you have defined means I have to write code for conversion in typescript — srujana, Feb 24 '18 at 10:24
typescript is a superset of javascript, this will work perfectly fine in typescript — Boris Lobanov, Feb 24 '18 at 10:25
Great, I'm glad it helped! Would you consider upvoting the answer as well? — Boris Lobanov, Feb 24 '18 at 10:34

How to handle multiple objects having same property with different values into single object in angular2?

1 Answers1