How to use javascript map to combine numbers at every nth element?

Question

I like to combine numbers at every 4th index of an array. In the following oversimplified example, I did using "for" loop. Instead of that, I like to learn how to use "map" to achieve the same result. Thanks for any help!

function test() {
  var array = [1, 2, 3, 4, 5, 6, 7, 8], arrayNew = [];
  for (var n = 0; n < 4; ++n)
    arrayNew[n] = array[n] + array[n + 4];
  console.log(arrayNew)
}

Answer 1

To use .map , you could iterate the slice of the array that omits the first four elements. During that iteration, the loop index will be 4 units less, so you can grab array[i] and combine it with the currently iterated value from the slice:

 const array = [1, 2, 3, 4, 5, 6, 7, 8]; const result = array.slice(4).map((val, i) => array[i] + val); console.log(result);

If you want to add more than just two values, but want to also add the value at 2n, 3n, ...etc, then you need a nested loop. Here .map is of less use. I would "map" with the use of Array.from , which has a callback function that performs a mapping. Secondly, the sum that has a dynamic number of terms can be performed with reduce :

 function accumulate(array, n) { const groups = Array.from({length: array.length / n}); return Array.from({length: n}, (val, i) => groups.reduce((sum, _, j) => sum + array[i + j*n], 0) ); } const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]; console.log(accumulate(array, 4));

Answer 2

function test() {
  var array = [1, 2, 3, 4, 5, 6, 7, 8], arrayNew = [];
  arrayNew = array.map((value, index) => {
    if (index % 4 == 0) {
      return value + array[index + 4];
    } else {
      return value;
    }
  });
  console.log(arrayNew);
}