How to sum property values of an object?

Question

I want to sum the property values of PieData. My expected output is 25515512+916952499 = 942468011

var PieData = [
    {
        value: 25515512,
        color: "#00a65a",
        highlight: "#00a65a",
        label: "Received Fund"     
    },
    {
        value: 916952499,
        color: "#f56954",
        highlight: "#f56954",
        label: "Pending Fund"
    }
];

Here is the script i have tried: It prints undefined value.

var total_value='';
for(var i=0;i<PieData.length;i++){
   $.each(PieData[i], function (index, val) {
       total_value += val.value;
   });
}
alert(total_value);

Answer 1

You could use the native method Array#reduce for it.

var PieData = [{ value: 25515512, color: "#00a65a", highlight: "#00a65a", label: "Received Fund" }, { value: 916952499, color: "#f56954", highlight: "#f56954", label: "Pending Fund" }],
    sum = PieData.reduce(function (s, a) {
        return s + a.value;
    }, 0);

console.log(sum);

ES6

var PieData = [{ value: 25515512, color: "#00a65a", highlight: "#00a65a", label: "Received Fund" }, { value: 916952499, color: "#f56954", highlight: "#f56954", label: "Pending Fund" }],
    sum = PieData.reduce((s, a) => s + a.value, 0);

console.log(sum);

Answer 2

Things to change:

• initialise total as 0 because + operator on string concatenates the values.
• $.each loops over the object passed, So you can directly access that in callback to calculate sum.

Sample Snippet:

 var PieData = [{
   value: 25515512,
   color: "#00a65a",
   highlight: "#00a65a",
   label: "Received Fund"

 }, {
   value: 916952499,
   color: "#f56954",
   highlight: "#f56954",
   label: "Pending Fund"
 }];

 //calculating total
 var total = 0;
 $.each(PieData, function(index, value) {
   total += value.value;
 })
 alert(total)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 3

You can use javascript forEach() method like following.

 var PieData = [
           {
               value: 25515512,
               color: "#00a65a",
               highlight: "#00a65a",
               label: "Received Fund"

           },
           {
               value: 916952499,
               color: "#f56954",
               highlight: "#f56954",
               label: "Pending Fund"
           }
    ];

var sum = 0;
PieData.forEach(function(item){
    sum += item.value;
})

console.log(sum)