Angular need to sum the values of array

Question

I have data in which there are arrays. in the array, there is a value which is claimed_value. I need the sum of all claimed_value of arrays. an example I have array all have the claimed_value. but I need to sum of all the claimed_value which have the status=settled in the array.

this is how I'm calling the API.

getClaims(){
 if(this.userFilter.company_id){
 let url = 
  'http://api.igiinsurance.com.pk:8888/insurance_IGItakaful/insurance- 
  api/get_claims.php?company_id='+this.userFilter.company_id;
 }else{
 let url = 
 'http://api.igiinsurance.com.pk:8888/insurance_IGItakaful/insurance- 
 api/get_claims.php?offset=0&limit=200';
}
  this.clientData = this.httpClient.get(url).
  subscribe(data => {
  console.log(data);
  this.data = data.records;
  var status = 'settled';
  var status2 = 'submitted';


 var countsettled = this.data.filter((obj) => obj.status === 
 status).length;
 var countunsettled = this.data.filter((obj) => obj.status === 
 status2).length;


console.log(countsettled);
this.countsettled = countsettled;
console.log(countunsettled);
this.countunsettled = countunsettled;

  });

 }

as @CharybdeBE answer this is the sum of all claimed_value in array . but i want to add only array value which gave status = settled . — Umaiz Khan
– Umaiz Khan, Commented Apr 29, 2019 at 13:07

CharybdeBE · Accepted Answer · 2019-04-30 07:59:13Z

4

Your question is more general javascriptthan angular

You can sum element of array by using the Array.reduce function

You can sum on a specific status by filtering first

Ie

const sum = this.data.filter(item => item.status === 'settled')
                     .reduce((acc, item) => acc + Number(item.claimed_value), 0);

Note that as said in comment you received a string and not a numberso you must convert it at first (see the Number() function in thereduceclosure)) otherwise the+` operator will just concatenate the string

edited Apr 30, 2019 at 7:59

answered Apr 29, 2019 at 13:03

CharybdeBE

1,8531 gold badge21 silver badges38 bronze badges

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

3 Comments

Umaiz Khan Over a year ago

thanks i have updated my question i need the sum in which the status value is settled .

Umaiz Khan Over a year ago

thanks but its showing wrong value its not sum the values

CharybdeBE Over a year ago

@UmaizKhan I see that in the data you have claimed_value is a string not a number so the + operator is concataining string, this can be fixed by transforming string to number (cf updat eof my post))

CharybdeBE · Accepted Answer · 2019-04-30 09:49:04Z

0

let finalSum = 0;
this.data.forEach((item) => {
    if(item.status === 'settled'){
        finalSum += item.claimed_value
    }
}); 
console.log("final sum is ", finalSum);

Hello, This will loop on all the arrays in your data list , and add the number of claimed_value to the finalSum . Hope this will work for you.

edited Apr 30, 2019 at 9:49

CharybdeBE

1,8531 gold badge21 silver badges38 bronze badges

answered Apr 29, 2019 at 13:13

IbrahimHayek

363 bronze badges

8 Comments

Umaiz Khan Over a year ago

what is the value of sum ? i need to console the value of sum of values

IbrahimHayek Over a year ago

the value of the sum here will be the finalSum , if you add console.log(finalSum) after the if statement , it will show the sum of all the arrays that has status = settled

Umaiz Khan Over a year ago

its now showing the value its showing all the claimed_value which have status of settled . its not suming the values just showing all the array value which status is settled

IbrahimHayek Over a year ago

I edited my answer, place the console after the loop and not after the if . just like my answer

Umaiz Khan Over a year ago

yes its showing the value now . but the value of sum is showing wrong .

|

Collectives™ on Stack Overflow

Angular need to sum the values of array

2 Answers 2

3 Comments

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related