How can I add each element of one array to corresponding elements in other arrays with javascript or angular

Question

I need to add the elements of arrays together in order, very similar to the question at [How can I add each element of one array to another one's corresponding element using a ParallelStream?, but I'm using javascript and angular. My arrays can come in with any amount of elements up to 31 (days), but they will all always be the same amount of elements across each data object.

$scope.test31days = {
  "change_series": [
    { "data": [0,0,0,2,0,0,0,0,1,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,2,0,0],
      "name": "EMERGENCY",
      "color": "#904040"},
    { "data": [0,1,3,0,0,0,0,1,2,3,3,0,0,0,2,1,1,1,0,0,1,1,3,3,1,0,0,1,2,2,0],
      "name": "MINOR",
      "color": "#333"},
    { "data": [0,0,1,0,0,0,0,1,0,0,0,0,0,0,1,0,0,0,0,0,0,1,0,0,2,0,0,0,0,0,0],
      "name": "MAJOR",
      "color": "#666"}
  ],
  "change_title": "CHANGES"
}

My console output tells me I'm separating the elements correctly (to some extent), but when I run this with the if/else if statement, I crash the browser, so I know I'm screwing something up.

$scope.getTotalChanges = function(){
  var series = $scope.test31days.change_series;
  var arry = [];

  for(var i = 0; i < series.length; i++){
    // console.log('change_series loop #', i);
    // console.log('change_series.data length', series[i].data.length);

    var seriesData = series[i].data;
    // console.log('series[i].name', series[i].name)        
    // console.log('seriesData', seriesData)

    for(var j = 0; j < seriesData.length; j++){
      console.log('For inner #', j);
      console.log('seriesData #', seriesData[j]);

      if (j = 0) {
        arry = seriesData;
      } else if (j > 0) {
        arry[j] += seriesData[j]
      };
    }
  }

  // return series;
  console.log('arry ', arry);
  return arry;
};

My end goal is to have a single array of the data for the 31 (days)

also, try using angular's built in for loop... angular.forEach(series, function(value, index){ ... your logic here ... }); — SoluableNonagon
– SoluableNonagon, Commented Jul 28, 2014 at 21:06

Ben Aston · Accepted Answer · 2014-07-29 17:28:04Z

1

var series = $scope.test31days.change_series;
var dataLength = series[0].data.length;
var result = Array.apply(null, new Array(dataLength)).map(Number.prototype.valueOf,0); //initialize result array with zeros

for(var i = 0; i < series.length; i++) {
  for(var j = 0; j < dataLength; j++) {
    result[j] += series[i].data[j];
  }
}

edited Jul 29, 2014 at 17:28

answered Jul 28, 2014 at 21:07

Ben Aston

56k69 gold badges221 silver badges351 bronze badges

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

2 Comments

yarhouse Over a year ago

I tried plugging this into my directive, and it appears the var result = new Array(dataLength).map(Number.prototype.valueOf, 0); is returning an array of NaN's. Google search tells me that is a result of an illegal number from Number. Any additional thoughts?

Ben Aston Over a year ago

That line should be: var result = Array.apply(null, new Array(dataLength)).map(Number.prototype.valueOf, 0);

Collectives™ on Stack Overflow

How can I add each element of one array to corresponding elements in other arrays with javascript or angular

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related