Angular JS: How to sum all variables inside #scope.object - object

Question

Angular JS: How to sum all variables inside #scope.object?
I have a object $scope.Growth with multiple variables inside.
How can I sum all of them in easiest way?

Answer 1

Object.values($scope.Growth)
.filter(value => !isNaN(value))
.reduce((sum, value) => sum + value, 0)
This works by
Getting an array of the values for each own property in the object
Filtering out any values which are not convertible to valid numbers
Summing all the values up by reducing the filtered array.
If you're in an older run time and don't have the Object.values function available to you, you can write it as follows
Object.keys($scope.Growth)
.map(function (key) {return $scope.Growth[key];})
.filter(function (value) {return !isNaN(value);})
.reduce(function (sum, value) {return sum + value;}, 0)
Here is an example of it in action
const $scope = {
Growth: {
a: 1,
b: 2,
c: 3
}
};
const sum = Object.values($scope.Growth)
.filter(value => !isNaN(value))
.reduce((sum, value) => sum + value, 0);
console.info(sum);
Note if you need to databind to the result in an AngularJS template, not mentioned in the question but suggestable from the name $scope, you would write something like
(function() {
AppController.$inject = ['$scope'];
function AppController($scope) {
$scope.Growth = {
a: 1,
b: 2,
c: 3
};
$scope.growthSum = () => Object.values($scope.Growth)
.filter(value => !isNaN(value))
.reduce((sum, value) => sum + value, 0);
}
const app = angular
.module('app', [])
.controller({
AppController
});
angular.bootstrap(document.getElementById('app'), [app.name], {
ngStrictDi: true
});
}());
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js">
</script>
<div id="app" ng-controller="AppController">
{{growthSum()}}
</div>