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

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)
}

CodePudding user response：

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));

CodePudding user response：

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);
}