Calculating the total of an array's values using JavaScript

Question

Calculating the total of an array's values using JavaScript

Receiving information from an API and looking to aggregate the values it contains. Consider the following code snippet:

function totalPesos(){
    $http.get('/api/valueForTest')
    .then(function(data){
        $scope.resumePesos = data.data.Response;
        //console.log($scope.resumePesos);
}

The response retrieved is:

[{Id: 60, Name: Chuck, Quantity: 300},
{Id: 61, Name: Arthur, Quantity: 199},
{Id: 62, Name: John, Quantity: 450}]

The goal is to sum the Quantity. How can this be achieved? An attempt with the following code was made:

$scope.resumePesos.reduce(function(a,b){return a + b; });

However, the result obtained was [object Object]

javascript angularjs

Answer 1

Answer №1

Experiment with the following JavaScript code snippet:

let items = [{Id: 60, Name: 'Chuck', Quantity: 300},
{Id: 61, Name: 'Arthur', Quantity: 199},
{Id: 62, Name: 'John', Quantity: 450}]
let totalQuantity = items.reduce(function(sum, currentItem){
  sum += currentItem['Quantity'];
  return sum;
},0)
console.log(totalQuantity);

Answer 2

Experiment with the following JavaScript code snippet:

let items = [{Id: 60, Name: 'Chuck', Quantity: 300},
{Id: 61, Name: 'Arthur', Quantity: 199},
{Id: 62, Name: 'John', Quantity: 450}]
let totalQuantity = items.reduce(function(sum, currentItem){
  sum += currentItem['Quantity'];
  return sum;
},0)
console.log(totalQuantity);

Answer 3

Answer №2

If I were to rephrase it, it would go something like this:

const totalQuantity = $scope.resumePesos.reduce((accumulator, currentItem) => accumulator + currentItem.Quantity, 0);

Keep in mind that when using the reduce method, the first parameter in the function is the accumulator and the second parameter is each value being iterated over, which in this scenario is each object. Therefore, you must access the Quantity property of each object. Additionally, make sure to provide 0 as the initial value for the accumulator in the reduce method since we want a numerical result.

Answer 4

If I were to rephrase it, it would go something like this:

const totalQuantity = $scope.resumePesos.reduce((accumulator, currentItem) => accumulator + currentItem.Quantity, 0);

Keep in mind that when using the reduce method, the first parameter in the function is the accumulator and the second parameter is each value being iterated over, which in this scenario is each object. Therefore, you must access the Quantity property of each object. Additionally, make sure to provide 0 as the initial value for the accumulator in the reduce method since we want a numerical result.

Answer 5

Answer №3

Here is an alternative approach you can consider:

$scope.resumePesos.reduce((x,y) => {return x + y.Quantity}, 0); // Remember to include 0 at the end

Answer 6

Here is an alternative approach you can consider:

$scope.resumePesos.reduce((x,y) => {return x + y.Quantity}, 0); // Remember to include 0 at the end

Answer 7

Answer №4

There are two errors you need to address here - first, make sure to initialize a starting value for the reduce function and secondly, ensure that you are summing up the numerical property of the object (.Quantity) rather than the object itself.

 var total = $scope.totalAmount.reduce(function(sum, item) {
    return sum + item.Quantity; 
 }, 0);

Answer 8

There are two errors you need to address here - first, make sure to initialize a starting value for the reduce function and secondly, ensure that you are summing up the numerical property of the object (.Quantity) rather than the object itself.

 var total = $scope.totalAmount.reduce(function(sum, item) {
    return sum + item.Quantity; 
 }, 0);

Answer 9

Answer №5

The Solution

$scope.total = $scope.resumePesos.reduce(function(a,b){return a + b.Quantity; }, 0);

Answer 10

The Solution

$scope.total = $scope.resumePesos.reduce(function(a,b){return a + b.Quantity; }, 0);

Answer 11

Answer №6

If you're looking to incorporate additional functions into your project, consider utilizing lodash for added functionality.

For example:

_.sumBy($scope.resumePesos, 'Quantity');

var data = [
  {Id: 60, Name: 'Chuck', Quantity: 300},
  {Id: 61, Name: 'Arthur', Quantity: 199},
  {Id: 62, Name: 'John', Quantity: 450}
]
  
console.log(_.sumBy(data, 'Quantity'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

Answer 12

If you're looking to incorporate additional functions into your project, consider utilizing lodash for added functionality.

For example:

_.sumBy($scope.resumePesos, 'Quantity');

var data = [
  {Id: 60, Name: 'Chuck', Quantity: 300},
  {Id: 61, Name: 'Arthur', Quantity: 199},
  {Id: 62, Name: 'John', Quantity: 450}
]
  
console.log(_.sumBy(data, 'Quantity'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

Answer 13

Answer №7

Thank you to everyone who provided suggestions, I followed your advice and it worked perfectly!

Answer 14

Thank you to everyone who provided suggestions, I followed your advice and it worked perfectly!

Calculating the total of an array's values using JavaScript

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Answer №7

Similar questions

The Node API is unresponsive when using Postman or accessing through the browser, as it is not returning any status code. However, no errors are displayed when

What steps should I take to modify the URL using the SELECT tag?

The play button on the iOS video player will be deactivated automatically after watching 15 videos

The underscore (_) parameter in HTTP GET requests

Exploring the world of unit testing for Sails JS 1.0 helper functions

Is there a benefit to using middlewares instead of the standard built-in functions in Express.js?

Struggling to receive information from a third-party API using a token in a React application

Guide on passing the set[State] function to a trigger component that is not a descendent

What is the reason that the attr function fails to function in this particular scenario?

Make sure to pay attention to the messageCreate event within a direct message channel on discord

Javascript animation functioning for a singular item within a list

Creating a dataset for D3 in JavaScript: A step-by-step guide

Change the class of multiple elements using jQuery with a set time interval

Are there options available in nightwatchjs for making intricate decisions with selectors?

Using React: Passing the state value of Child1 to the Parent component, then passing it back down to Child2 from

Triggering an event in Angular 2 after ngFor loop completes

What is the best way to dynamically generate dependent dropdown lists in AngularJS?

Issues arising with shadows in THREE.js

Having trouble transforming the JSON object into a usable format

What could be causing my JavaScript function to produce repeated letters with just one key press?