add values in multiple arrays in javascript

Question

I have data like this:

data = [
     [{a: "b", value: 12}, {a: "bb", value: 39}, {a: "bb", value: 150}],
     [{a: "c", value: 15}, {a: "cc", value: 83}, {a: "ccc", value: 12}],
     [{a: "d", value: 55}, {a: "dd", value: 9}, {a: "dd", value: 1}]
   ]

I want to add each value in each array with same index, so the result would be like this:

[82, 131, 163]

so I tried to loop through data and get each array. then loop through each array again to get each object like this:

for(let i = 0; i < data.length; i++) {
  let eachArr = data[i]
  for(let j = 0; j < eachArr.length; j++){
    console.log(eachArr[j]);
  }
}

I am not sure how to add each value with same index and push it to new array

Pranav C Balan · Accepted Answer · 2017-01-24 05:16:11Z

2

Use Array#reduce method with Array#forEach method.

// iterate over the array
data.reduce(function(arr, o) {
  // itrate over the inner array
  o.forEach(function(obj, i) {
    // define array index if not defined and add the property value
    arr[i] = (arr[i] || 0) + obj.value;
  });
  // return the array reference
  return arr;
  // set initial value as an empty array for holding the result
}, [])

var data = [
  [{
    a: "b",
    value: 12
  }, {
    a: "bb",
    value: 39
  }, {
    a: "bb",
    value: 150
  }],
  [{
    a: "c",
    value: 15
  }, {
    a: "cc",
    value: 83
  }, {
    a: "ccc",
    value: 12
  }],
  [{
    a: "d",
    value: 55
  }, {
    a: "dd",
    value: 9
  }, {
    a: "dd",
    value: 1
  }]
];

console.log(
  data.reduce(function(arr, o) {
    o.forEach(function(v, i) {
      arr[i] = (arr[i] || 0) + v.value;
    });
    return arr;
  }, [])
)

edited Jan 24, 2017 at 5:16

answered Jan 24, 2017 at 5:02

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

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

Comments

ibrahim mahrir · Accepted Answer · 2017-01-24 05:03:14Z

1

data = [
     [{a: "b", value: 12}, {a: "bb", value: 39}, {a: "bb", value: 150}],
     [{a: "c", value: 15}, {a: "cc", value: 83}, {a: "ccc", value: 12}],
     [{a: "d", value: 55}, {a: "dd", value: 9}, {a: "dd", value: 1}]
   ];

// create an array with the appropriate size
var result = new Array(data[0].length);
// initialize it with 0s
result.fill(0);

data.forEach(function(sub){
  for(var i = 0; i < sub.length; i++)
    result[i] += sub[i].value;
});


console.log(result);

answered Jan 24, 2017 at 5:03

ibrahim mahrir

31.8k5 gold badges50 silver badges78 bronze badges

Comments

BotNet · Accepted Answer · 2017-01-25 04:29:19Z

Reduce might give you some performance, but doubling the forEach is easier for newbies to comprehend and thus maintain.

The initialization only really needs to happen once and since you're only using integers (and not doubles/floats), you can use the bitwise-OR to floor a number |0 (in place of ||0); speed varies, but typically in C languages it's faster. JavaScript could be slower based on implementation, but I offer this only as an alternative to the solutions that currently exist.

let data = [
  [{a: "b", value: 12}, {a: "bb", value: 39}, {a: "bb", value: 150}],
  [{a: "c", value: 15}, {a: "cc", value: 83}, {a: "ccc", value: 12}],
  [{a: "d", value: 55}, {a: "dd", value: 9}, {a: "dd", value: 1}]
];

let sum = [];
data.forEach(arr=>{
  arr.forEach((obj,i)=>{
    sum[i] = (sum[i]|0) + obj.value;
  })
});

console.log(sum);

arr is the first layer of elements in your data array
obj is each element-array's value; in this case they are objects
i is the index of the object currently in scope, which is important to use for the sum's index

Vinod Louis · Accepted Answer · 2017-01-24 05:04:15Z

0

Use two for loops and index to increment the value

var data = [
     [{a: "b", value: 12}, {a: "bb", value: 39}, {a: "bb", value: 150}],
     [{a: "c", value: 15}, {a: "cc", value: 83}, {a: "ccc", value: 12}],
     [{a: "d", value: 55}, {a: "dd", value: 9}, {a: "dd", value: 1}]
   ];

var result = [];

data.forEach(function(ele,ind){
  ele.forEach(function(innerEle,inde){
    if(!result[inde])
      result[inde] = 0;
    result[inde] += innerEle.value;
  })
});

console.log(result)

answered Jan 24, 2017 at 5:04

Vinod Louis

4,9061 gold badge31 silver badges50 bronze badges

Collectives™ on Stack Overflow

add values in multiple arrays in javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related