Find the sum of values of array of objects with same name in angular2

Question

I have a requirement where i need to find sum the values of amt in different objects having same name. Below is the code snippet

traveler = [
  {  description: 'Senior', Amount: 50},
   {  description: 'Senior', Amount: 50},
   {  description: 'Adult', Amount: 75},
   {  description: 'Child', Amount: 35},
   {  description: 'Infant', Amount: 25 },
];

Here i want to caluclate the total sum of Amount in different objects with same description. eg: object 0 and 1 contains same description 'Senior' so the total amt is 100

How to achieve this in angular2?

Should i use inner forloops or is there any better approach? Please help me

Possible duplicate of Sorting an array of JavaScript objects — Heretic Monkey
– Heretic Monkey, Commented Jul 10, 2018 at 13:59
if it is an array, then it has no written indices or if it is an object, then ith sould have curly brackets instead of square brackets. — Nina Scholz
– Nina Scholz, Commented Jul 10, 2018 at 14:00
Please update your question to show what you have already tried, showcasing a specific problem you are facing in a minimal, complete, and verifiable example. — palaѕн
– palaѕн, Commented Jul 10, 2018 at 14:02

Nina Scholz · Accepted Answer · 2018-07-10 15:10:26Z

2

You could take a Map for collecting the values and render an array of objects with the grouped result.

var traveler = [{ description: 'Senior', amount: 50 }, { description: 'Senior', amount: 50 }, { description: 'Adult', amount: 75 }, { description: 'Child', amount: 35 },  { description: 'Infant', amount: 25 }],
    grouped = Array.from(
        traveler.reduce(
            (m, { description, amount }) => m.set(description, (m.get(description) || 0) + amount),
            new Map
        ).entries(),
        ([description, amount]) => ({ description, amount })
    );
    
console.log(grouped);

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

answered Jul 10, 2018 at 15:10

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Eddie · Accepted Answer · 2018-07-10 14:12:04Z

1

You can use reduce to group the array into an object.

let traveler = [{"description":"Senior","Amount":50},{"description":"Senior","Amount":50},{"description":"Adult","Amount":75},{"description":"Child","Amount":35},{"description":"Infant","Amount":25}]

let result = traveler.reduce((c, v) => {
  c[v.description] = (c[v.description] || 0) + v.Amount;
  return c;
}, {});

console.log(result);

answered Jul 10, 2018 at 14:12

Eddie

26.8k6 gold badges39 silver badges59 bronze badges

Comments

Niladri Basu · Accepted Answer · 2018-07-10 14:07:14Z

0

I think you should use array#reduce method to do something like this perhaps:

let traveler = [
       {  description: 'Senior', Amount: 50},
       {  description: 'Senior', Amount: 50},
       {  description: 'Adult', Amount: 75},
       {  description: 'Child', Amount: 35},
       {  description: 'Infant', Amount: 25 },
    ];
    
function sumFinder(description) {
 return traveler.reduce((sum, e) => {
   (e.description == description) ? (sum += e.Amount) : (sum += 0)
   return sum;
 }, 0);
}

console.log(sumFinder('Senior'));

answered Jul 10, 2018 at 14:07

Niladri Basu

10.7k7 gold badges59 silver badges65 bronze badges

Comments

Ankit Agarwal · Accepted Answer · 2018-07-10 14:10:47Z

0

Use Array.reduce() to get this output:

var traveler = [
   {  description: 'Senior', Amount: 50},
   {  description: 'Senior', Amount: 50},
   {  description: 'Adult', Amount: 75},
   {  description: 'Child', Amount: 35},
   {  description: 'Infant', Amount: 25 },
];
var res = traveler.reduce((acc, obj)=>{
  var existItem = acc.find(item => item.description === obj.description);
  if(existItem){
    existItem.Amount += obj.Amount;
    return acc;
  } 
  acc.push(obj);
  return acc;
}, []);
console.log(res);

answered Jul 10, 2018 at 14:10

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

Comments

Nikolas Kazepis · Accepted Answer · 2018-07-10 14:45:07Z

You can do it using rxjs among others:

travelers = [
      {  description: 'Senior', amount: 50},
      {  description: 'Senior', amount: 50},
      {  description: 'Adult', amount: 75},
      {  description: 'Child', amount: 35},
      {  description: 'Infant', amount: 25 }
    ];
//emit each person
const source = Rx.Observable.from(travelers);
//group by description
const example = source
  .groupBy(traveler => traveler.description)
  //return each item in group as array
  .mergeMap(group => group.toArray())
const reducer = (accumulator, currentValue) => {return accumulator + currentValue.amount};
const subscribe = example.subscribe(
  val => 
    console.log(
      {
        description: val[0].description, 
        amount: val.reduce( reducer, 0 )
      }
    )
);

This code's output is what you want:

[object Object] {
  amount: 100,
  description: "Senior"
}
[object Object] {
  amount: 75,
  description: "Adult"
}
[object Object] {
  amount: 35,
  description: "Child"
}
[object Object] {
  amount: 25,
  description: "Infant"
}

Finally, here is a JSBin you can play with: http://jsbin.com/kacoqulike/1/edit?js,console

Leonid Pyrlia · Accepted Answer · 2018-07-10 14:51:25Z

0

A clean and simple solution with Array.prototype.reduce and ES6 Object assignment desctructuring:

const traveler = [{"description":"Senior","Amount":50},{"description":"Senior","Amount":50},{"description":"Adult","Amount":75},{"description":"Child","Amount":35},{"description":"Infant","Amount":25}]

const result = traveler.reduce((all, {description: d, Amount: a}) => {

    all[d] = (all[d] || 0) + a;
    return all;

}, {});

console.log(result);

answered Jul 10, 2018 at 14:51

Leonid Pyrlia

1,7322 gold badges12 silver badges16 bronze badges

Collectives™ on Stack Overflow

Find the sum of values of array of objects with same name in angular2

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related