Sum of an array using javascript / jquery

Question

[
   {
      "ProductId": 177,
      "Quantity": 3,
      "Price": 1,
      "OriginalPrice": 1,
      "OriginalPricetotal": 3,
      "SoldPrice": 1,
      "ProductName": "Hand Spinners"
   },
   {
      "ProductId": 30207,
      "Quantity": 2,
      "Price": 525,
      "OriginalPrice": 525,
      "OriginalPricetotal": 1050,
      "SoldPrice": 525,
      "ProductName": "Clay Home"
   }
]

I want to calculate sum of all 'OriginalPricetotal' in an array using javascript / Jquery. I tried few types . But that is not working .

`I tried few types` - Please share your attempt. – gurvinder372 Apr 13 '18 at 06:54 — gurvinder372, Apr 13 '18 at 06:54
I think simple `reduce` will do – gurvinder372 Apr 13 '18 at 06:56 — gurvinder372, Apr 13 '18 at 06:56
sure, but with map it's sexier and shorter :p – Jaromanda X Apr 13 '18 at 06:57 — Jaromanda X, Apr 13 '18 at 06:57

Yatendrasinh Joddha · Answer 1 · 2018-04-13T07:11:09.390

3

Please see below snippet which will return you the answer you want

var obj = [
   {
      "ProductId": 177,
      "Quantity": 3,
      "Price": 1,
      "OriginalPrice": 1,
      "OriginalPricetotal": 3,
      "SoldPrice": 1,
      "ProductName": "Hand Spinners"
   },
   {
      "ProductId": 30207,
      "Quantity": 2,
      "Price": 525,
      "OriginalPrice": 525,
      "OriginalPricetotal": 1050,
      "SoldPrice": 525,
      "ProductName": "Clay Home"
   }
];

var ans = 0;
// Better option
obj.forEach(function(value){
 ans = ans + value.OriginalPricetotal
});
console.log(ans);

ans = 0;
//obj.map(o => ans = ans + o.OriginalPricetotal); //ES6
obj.map(function(value){
 ans = ans + value.OriginalPricetotal
});
console.log(ans);

edited Apr 13 '18 at 07:11

answered Apr 13 '18 at 07:03

Yatendrasinh Joddha

224
1
14

1

`.map` without a return statement and assignment of final value is just a bad implementation. Please use `.forEach` instead. Also, though this is opinionated comment, answering a question without effort promotes spoon feeding – Rajesh Apr 13 '18 at 07:06
@Rajesh Thanks. Ya forEach is better option. Let me add it in my answer too. – Yatendrasinh Joddha Apr 13 '18 at 07:09
Still, `.map` implementation is wrong – Rajesh Apr 13 '18 at 07:12

score 0 · Accepted Answer · answered Apr 13 '18 at 07:07

You just need to loop through the array and get the value of OriginalPricetotal to add and get the sum. Since, the value is already a number and not a string, you do not need parseInt() to parse the values before addition:

USING forEach()

var arr = [
   {
      "ProductId": 177,
      "Quantity": 3,
      "Price": 1,
      "OriginalPrice": 1,
      "OriginalPricetotal": 3,
      "SoldPrice": 1,
      "ProductName": "Hand Spinners"
   },
   {
      "ProductId": 30207,
      "Quantity": 2,
      "Price": 525,
      "OriginalPrice": 525,
      "OriginalPricetotal": 1050,
      "SoldPrice": 525,
      "ProductName": "Clay Home"
   }
];

var sum = 0;
arr.forEach(function(obj){
  sum += obj.OriginalPricetotal;
});

console.log(sum);

USING map()

var arr = [
   {
      "ProductId": 177,
      "Quantity": 3,
      "Price": 1,
      "OriginalPrice": 1,
      "OriginalPricetotal": 3,
      "SoldPrice": 1,
      "ProductName": "Hand Spinners"
   },
   {
      "ProductId": 30207,
      "Quantity": 2,
      "Price": 525,
      "OriginalPrice": 525,
      "OriginalPricetotal": 1050,
      "SoldPrice": 525,
      "ProductName": "Clay Home"
   }
];

var sum = 0;
arr.map((obj)=>{sum += obj.OriginalPricetotal});

console.log(sum);

Should we not close this post as dupe instead? – Rajesh Apr 13 '18 at 07:10 — Rajesh, Apr 13 '18 at 07:10
Also, `.map` implementation is just wrong – Rajesh Apr 13 '18 at 07:10 — Rajesh, Apr 13 '18 at 07:10

Sum of an array using javascript / jquery

2 Answers2