Count total of values in variable in JS for loop

Question

I have a for loop in my script that loops through a set of markerNodes results. I was wondering, how easy is it to create a total variable that adds up the integer value in amount & outputs at the end?

for (var i = 0; i < markerNodes.length; i++) {
   var name = markerNodes[i].getAttribute("name");
   var address = markerNodes[i].getAttribute("address");
   var amount = markerNodes[i].getAttribute("amount");
   var distance = parseFloat(markerNodes[i].getAttribute("distance"));
   var latlng = new google.maps.LatLng(
        parseFloat(markerNodes[i].getAttribute("lat")),
        parseFloat(markerNodes[i].getAttribute("lng")));
   createOption(name, distance, i);
   createMarker(latlng, name, address, total);
   bounds.extend(latlng);
}

baao · Accepted Answer · 2016-11-28 15:53:14Z

2

Quite easy to add

var total = 0;
for (var i = 0; i < markerNodes.length; i++) {
   var name = markerNodes[i].getAttribute("name");
   var address = markerNodes[i].getAttribute("address");
   var amount = markerNodes[i].getAttribute("amount");

   total += parseFloat(amount);

   var distance = parseFloat(markerNodes[i].getAttribute("distance"));
   var latlng = new google.maps.LatLng(
        parseFloat(markerNodes[i].getAttribute("lat")),
        parseFloat(markerNodes[i].getAttribute("lng")));
   createOption(name, distance, i);
   createMarker(latlng, name, address, total);
   bounds.extend(latlng);
}

console.log(total);

edited Nov 28, 2016 at 15:53

answered Nov 28, 2016 at 15:48

baao

73.5k18 gold badges152 silver badges208 bronze badges

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

9 Comments

baao Over a year ago

Then see the comment behind the line, use parseFloat(amount) @michaelmcgurk

baao Over a year ago

Edited it in the answer @michaelmcgurk

baao Over a year ago

No problem, happy to help. @michaelmcgurk

baao Over a year ago

Sure, create an element e.g. with an id: <span id="totalTarget"></span> somewhere on your page, and replace console.log() with document.getElementById("totalTarget").innerHTML = total; @michaelmcgurk

baao Over a year ago

Welcome again @michaelmcgurk

|

Tolgahan Albayrak · Accepted Answer · 2016-11-28 15:50:38Z

0

This is another approach. (By using Array.reduce)

var total = Array.prototype.reduce.call(
   markerNodes, 
   (prev, cur) => prev + Number(cur.getAttribute("amount")), 
   0
);

answered Nov 28, 2016 at 15:50

Tolgahan Albayrak

3,2161 gold badge27 silver badges28 bronze badges

1 Comment

aw04 Over a year ago

true in isolation but this is redundant iteration in the case that you already have a for loop

Collectives™ on Stack Overflow

Count total of values in variable in JS for loop

2 Answers 2

9 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

9 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related