现在你可以使用lodash的chunk函数将数组分割成更小的数组https://lodash.com/docs#chunk不再需要摆弄循环了!

迟到了，这是我的意见。就像很多人说的，我首先会想到的是

chunker = (a,n) => [...Array(Math.ceil(a.length/n))].map((v,i) => a.slice(i*n, (i+1)*n))

但我更喜欢但还没看到的是:

chunker = (n) => (r,v,i) => (c = Math.floor(i/n), (r[c] = r[c] || []).push(v), r)

console.log(arr.reduce(chunker(3), []))

有更长的变体

chunker = (a, n) => a.reduce((r,v,i) => {
  c = Math.floor(i/n); // which chunk it belongs to
  (r[c] = r[c] || []).push(v)
  return r
}, [])

console.log(chunker(arr, 3))

解释

常见的答案将首先确定块的数量，然后根据块所在的位置和每个块的大小获得原始数组的切片 块减速器函数将遍历每个元素，并将其放入相应评估的块数组中。

性能几乎相同，据我所见，reduce方法平均慢了4%。

PS: reduce(ing)的优点是很容易改变分组标准。在问题和例子中，标准是相邻的单元格(映射使用切片)。但是你可能想要在“循环”中做它，例如，使用mod (% operator)，或任何其他数学公式

重新阅读它让我发现这个公式也可以是一个参数，导致一个更通用的解决方案，需要2个函数来实现答案:

splitter = (a, f) => a.reduce((r,v,i) => { // math formula and/or function
  c = f(v, i) || 0; // custom formula, receiving each value and index
  (r[c] = r[c] || []).push(v)
  return r
}, [])

chunker = (a, n) => splitter(a, (v,i) => Math.floor(i/n))

console.log(chunker(arr, 3))
console.log(splitter(arr, (v,i) => v % 2))  // is it even or odd?

splitter也可以用于创建命名数组，也就是对象，函数返回字符串而不是数字:)

ES6传播功能#ohmy #ftw

Const chunk = (size, xs) => xs.reduce ( (segments， _， index) => 索引%大小=== 0 ？ […段,x。Slice (index, index + size)] 段, ［］ ）; console.log(块(3,(1,2,3,4,5,6,7,8)));

当前排名靠前的答案存在的问题是，它们产生了不平衡的数据块。例如，当前接受的答案将把一个101个元素的数组分布为10个大小为10的块，后面是一个大小为1的块。

使用一些模块化算法可以创建统一的块大小，差异永远不会超过1:

函数split_array(a, nparts) { const quot = Math.floor;长度/ nparts) Const rem = a.length % nparts Var部件= [] For (var I = 0;I < nparts;+ + i) { const begin = i * quot +数学。分钟(rem,我) Const end = begin + quot + (i < rem) parts.push (a。片(开始、结束) ｝ 返回部分 ｝ Var chunk = split_array([1,2,3,4,5,6,7,8,9,10]， 3) console.log (JSON.stringify(块)

输出:

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

(摘自相关答案)

对于功能性的解决方案，使用Ramda:

其中，popularProducts是输入数组，5是数据块大小

导入splitEvery from 'ramda/src/splitEvery' popularProducts splitEvery(5)。Map ((chunk, i) => { //用chunk做一些事情 })

这是一个带有尾递归和数组解构的版本。

远非最快的性能，但我只是觉得好笑，js现在可以做到这一点。即使它没有为此进行优化:(

const getChunks = (arr, chunk_size, acc = []) => {
    if (arr.length === 0) { return acc }
    const [hd, tl] = [ arr.slice(0, chunk_size), arr.slice(chunk_size) ]
    return getChunks(tl, chunk_size, acc.concat([hd]))
}

// USAGE
const my_arr = [1,2,3,4,5,6,7,8,9]
const chunks = getChunks(my_arr, 2)
console.log(chunks) // [[1,2],[3,4], [5,6], [7,8], [9]]