在每次迭代中循环组中的“n”个元素

Question

假设我有这个数组：

var arr = [1,2,3,4,5,6,7,8,9,10]

示例：我想构造 5 个数组，其中每一对都变成这样，

arr1 = [1,2]
arr2 = [2,4]
arr3 = [5,6]

这当然可以用模运算符（%）来解决，因为它们只是对 - 所以它变成：

for (var i = 0; i < arr.length; i++) {
  if(arr[i] % 2 === 0)
    window['arr' + i].push(arr[i], arr[i - 1])
}

还有其他方法，例如嵌套循环等。

我觉得这可以用更简单的方法解决，所以我希望看到更多建议

---

那么有什么优雅的方法可以循环数组中的每个“n”项，对它们执行一些操作，然后继续处理下一个“n”个元素。

更新：

上面的例子处理了一个 10 元素数组中的 2 个元素——这完全是随机的。我不是在寻找一种方法来处理数组中的对 - 问题是关于如何循环数组中的每个 N 个元素，对这些 N 个元素执行任何操作并继续下一个N 个元素

我也不打算创建新数组 - 问题仅与迭代原始数组有关。

Answer 1

使用普通的旧 for 循环，像这样

var N = 3;
for (var i = 0; i < array.length; i += N) {
    // Do your work with array[i], array[i+1]...array[i+N-1]
}

Answer 2

只需在 for 循环中增加 n：

for (var i = 0; i < arr.length; i += 2)
    console.log(arr[i], arr[i + 1]);

您可以编写一个函数来自动通过n 为您遍历数组：

function walk(arr, n, fn) {
    for (var i = 0; i < arr.length; i += n)
        fn(arr.slice(i, i + n));
}

walk([1,2,3,4,5,6], 2, function (segment) {
    console.log(segment);
});

Answer 3

我觉得这可以用更简单的方法解决

我认为more efficient 在这里会比simpler 产生更好的情绪。而就效率而言，只有在实际需要时才能对数据进行分页。

下面的例子是基于iter-ops库和操作符page:

import {pipe, page} from 'iter-ops';

const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const i = pipe(arr, page(2)); //=> Iterable<number[]>

// iteration below will trigger the actual paging,
// one page at a time:

for (const a of i) {
    console.log(a); //=> [1, 2], [2, 4], [5, 6]
}

附：如果iter-ops，我是作者。