Sum of string values on array object

Question

I need to sum some object values in an array. Some can be int while others can be string ie:

JavaScript:

let array = [
 {quantity: 1, amount: "24.99"}
 {quantity: 5, amount: "4.99"},
]

Digging around Stack Overflow I have found this method (Im using React):

Array.prototype.sum = function (prop) {
    var total = 0
    for ( var i = 0, _len = this.length; i < _len; i++ ) {
        total += this[i][prop]
    }
    return total
};

let totalQuantity = array.sum("quantity");
console.log(totalQuantity);

While that works great, I need to do the same for the string amount. Since I need to convert amount into float, the above will not work. React complains about Component's children should not be mutated.

Not being JS ninja, I thought this would do some magic:

Array.prototype.sum = function (prop) {
    var newProp = parseFloat(prop);
    var total = 0
    for ( var i = 0, _len = this.length; i < _len; i++ ) {
        total += this[i][newProp] // Surely this is wrong :(
    }
    return total
};

Any clean way to achieve this?

I need this:

let totalAmount = array.sum("amount");

georg · Accepted Answer · 2018-02-02 15:21:11Z

4

Define a generic sum function, which is as trivial as

let sum = a => a.reduce((x, y) => x + y);

and apply it to the list of values picked from the source array:

let array = [
 {quantity: 1, amount: "24.99"},
 {quantity: 5, amount: "4.99"}
];
  
let sum = a => a.reduce((x, y) => x + y);
  
let totalAmount = sum(array.map(x => Number(x.amount)));
  
console.log(totalAmount.toFixed(2))

edited Feb 2, 2018 at 15:21

answered Oct 3, 2016 at 9:49

georg

216k57 gold badges324 silver badges401 bronze badges

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

1 Comment

Sylar Over a year ago

Good catch. I was wondering if there's another way instead of using Array.prototype

Parminder Singh · Accepted Answer · 2016-10-03 09:43:08Z

2

Please try:

Array.prototype.sum = function (prop) {
    var total = 0
    for ( var i = 0, _len = this.length; i < _len; i++ ) {
        total += parseFloat(this[i][prop]) // Surely this will work :)
    }
    return total
};

answered Oct 3, 2016 at 9:43

Parminder Singh

3511 silver badge10 bronze badges

2 Comments

Sylar Over a year ago

Ahhhhhhh! Thanks for that. It's good to have another eye to look at things.

Steeve Pitis Over a year ago

@Sylar take a look to the array.reduce version ;)

Steeve Pitis · Accepted Answer · 2016-10-03 09:45:14Z

0

const array = [
 {quantity: 1, amount: "24.99"},
 {quantity: 5, amount: "4.99"}
]
  
Array.prototype.sum = function(key) {
  return this.reduce(function(total, item) {
    return total + parseFloat(item[key]);
  }, 0);
}

// weird javascript math ...
console.log(array.sum("amount"));

// workaround
console.log(array.sum("amount").toFixed(2));

This work fine ;)

answered Oct 3, 2016 at 9:45

Steeve Pitis

4,4631 gold badge24 silver badges25 bronze badges

Comments

Piotr Berebecki · Accepted Answer · 2016-10-03 10:02:56Z

0

I usually use the reduce() method for situations like these. Here is a little demo: http://codepen.io/PiotrBerebecki/pen/zKEQgL

let array = [
 {quantity: 1, amount: "24.99"},
 {quantity: 5, amount: "4.99"}
]

function sumProperty(arr, type) {
  return arr.reduce((total, obj) => {
    if (typeof obj[type] === 'string') {
      return total + Number(obj[type]);
    }
    return total + obj[type];
  }, 0);
}

let totalAmount = ( sumProperty(array, 'amount') ).toFixed(2); 
console.log(  totalAmount  ); // 29.98

let totalQuantity = sumProperty(array, 'quantity'); 
console.log(  totalQuantity  ); // 6

answered Oct 3, 2016 at 10:02

Piotr Berebecki

7,4684 gold badges37 silver badges43 bronze badges

Collectives™ on Stack Overflow

Sum of string values on array object

4 Answers 4

1 Comment

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related