AngularJS Sum of an Array

Question

I have an array in AngularJS, which I'm getting from a WCF Service. I can achieve the sum of the array using a function like below. reference: Calculating sum of repeated elements in AngularJS ng-repeat

$scope.getTotal = function(){
    var total = 0;
    for(var i = 0; i < $scope.cart.products.length; i++){
        var product = $scope.cart.products[i];
        total += (product.price);
    }
    return total;
}

But, is there any way to achieve this without filter? just like $scope.cart.products.price.Sum()? I already used so many filters and functions in my code, want to reduce its count.

Luka Jacobowitz · Accepted Answer · 2016-04-29 12:25:09Z

10

Use reduce.

$scope.cart.products.reduce(function(acc,current){
    return acc + current.price;
},0);

Or in ES6:

$scope.cart.products.reduce((acc,current) => acc + current.price, 0);

Check here for MDN docs on reduce.

edited Apr 29, 2016 at 12:25

answered Apr 29, 2016 at 11:51

Luka Jacobowitz

23.7k5 gold badges41 silver badges58 bronze badges

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

2 Comments

Alex Ryltsov Over a year ago

Or $scope.cart.products.reduce(function(sum,current){ return sum + current.price; }, 0);

Alex Ryltsov Over a year ago

The acc (or previous value) is the value previously returned in the last invocation of the callback, or initialValue, if supplied. On the second loop it will be number without price property

Collectives™ on Stack Overflow

AngularJS Sum of an Array

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related