这应该是一个简单的答案，没有太多的数学复杂性。

function chunkArray(array, sizeOfTheChunkedArray) {
  const chunked = [];

  for (let element of array) {
    const last = chunked[chunked.length - 1];

    if(!last || last.length === sizeOfTheChunkedArray) {
      chunked.push([element])
    } else {
      last.push(element);
    }
  }
  return chunked;
}

修改自dbaseman的回答:https://stackoverflow.com/a/10456344/711085

Object.defineProperty(Array.prototype， ' chunk_efficient '， { 值:function(chunkSize) { Var数组= this; 返回[].concat.apply ([], 数组中。映射(函数(elem, i) { 返回i % chunkSize ?[]: [array.]slice(i, i + chunkSize)]; }) ）; ｝ })； console.log ( [1,2,3,4,5,6,7]. chunk_efficient (3) ） // [[1,2,3]， [4,5,6]， [7]]

小齿顶:

我应该指出，上面的方法(在我看来)并不是使用Array.map的一种优雅的变通方法。它基本上做以下事情，其中~是连接:

[[1,2,3]]~[]~[]~[] ~ [[4,5,6]]~[]~[]~[] ~ [[7]]

它与下面的方法具有相同的渐近运行时间，但由于构建空列表，可能是一个更糟糕的常数因子。可以重写如下(与Blazemonger的方法大致相同，这就是我最初没有提交这个答案的原因):

更有效的方法:

如果你已经定义了Array.prototype.chunk，则刷新页面 Object.defineProperty(Array.prototype， 'chunk'， { 值:function(chunkSize) { var R = []; For (var I = 0;I < this.length;i += chunkSize) R.push(这一点。slice(i, i + chunkSize)); 返回R; ｝ })； console.log ( [1, 2, 3, 4, 5, 6, 7].chunk(3) ）

我现在喜欢的方式是上面的，或者是下面的一种:

Array.range = function(n) {
  // Array.range(5) --> [0,1,2,3,4]
  return Array.apply(null,Array(n)).map((x,i) => i)
};

Object.defineProperty(Array.prototype, 'chunk', {
  value: function(n) {

    // ACTUAL CODE FOR CHUNKING ARRAY:
    return Array.range(Math.ceil(this.length/n)).map((x,i) => this.slice(i*n,i*n+n));

  }
});

演示:

> JSON.stringify( Array.range(10).chunk(3) );
[[1,2,3],[4,5,6],[7,8,9],[10]]

或者如果你不想要数组。Range函数，它实际上只是一行代码(不包括有绒毛的部分):

var ceil = Math.ceil;

Object.defineProperty(Array.prototype, 'chunk', {value: function(n) {
    return Array(ceil(this.length/n)).fill().map((_,i) => this.slice(i*n,i*n+n));
}});

or

Object.defineProperty(Array.prototype, 'chunk', {value: function(n) {
    return Array.from(Array(ceil(this.length/n)), (_,i)=>this.slice(i*n,i*n+n));
}});

array.slice()方法可以根据需要从数组的开头、中间或结尾提取切片，而不需要改变原始数组。

const chunkSize = 10;
for (let i = 0; i < array.length; i += chunkSize) {
    const chunk = array.slice(i, i + chunkSize);
    // do whatever
}

最后一个块可能小于chunkSize。例如，当给定一个包含12个元素的数组时，第一个块将有10个元素，第二个块只有2个。

注意，chunkSize为0将导致无限循环。

下面是使用reduce()方法的另一个解决方案，尽管与其他示例略有不同。希望我的解释也能更清楚一点。

Var arr = [0,1,2,3,4,5,6,7]; var chunkSize = 3; Arr = Arr。Reduce ((acc, item, idx) => { Let group = acc.pop(); 如果(集团。长度== chunkSize) { acc.push(集团); Group = []; ｝ group.push(项); acc.push(集团); 返回acc; }, [[]]); console.log (arr);//打印[[0,1,2]，[3,4,5]，[6,7]]

解释

我们称之为reducer，它对数组中的每一项都使用pop()获取累加器的最后一项。记住，这个项是一个数组，它将最多为chunkSize数量的项进行分组(在本例中为3)。

当且仅当该组的数组长度等于chunksize时，我们需要将该组重新插入到累加器中并创建一个新组。

然后将当前项推入我们的组数组(它可能已经包含前面步骤中的0、1或2个项)。将当前项插入组后，我们需要将组重新插入到更大的集合中。

该过程将重复进行，直到遍历arr中的所有项。

注意，我们还使用[[]]为减速器提供了数组中空数组的起始值。

基于数组的ES6一行方法。原型缩减和推送方法:

const doChunk = (list, size) => list.reduce((r, v) =>
  (!r.length || r[r.length - 1].length === size ?
    r.push([v]) : r[r.length - 1].push(v)) && r
, []);

console.log(doChunk([0,1,2,3,4,5,6,7,8,9,10,11,12], 5));
// [[0, 1, 2, 3, 4], [5, 6, 7, 8, 9], [10, 11, 12]]

这就是我对这个话题的贡献。我想.reduce()是最好的方法。

Var segment = (arr, n) => arr.reduce((r,e,i) => i%n ?(r [r.length-1] .push (e), r) (r.push([e])， r)， [])， arr = Array.from({length: 31}).map((_，i) => i+1); Res = segment(arr,7); console.log (JSON.stringify (res));

但是上面的实现不是很有效，因为.reduce()运行在所有arr函数中。一个更有效的方法(非常接近最快的强制解决方案)是，迭代缩减(要分块)数组，因为我们可以通过Math.ceil(arr/n);提前计算它的大小。一旦我们有一个空的结果数组，比如array (Math.ceil(arr.length/n)).fill();剩下的是将arr数组的切片映射到它。

功能块(加勒比海盗,n) { var r = Array(Math.ceil(arr.length/n)).fill(); 返回r.map((e,i) => arr。片(我* n * n + n)); ｝ arr = Array.from({length: 31}，(_，i) => i+1); Res = chunk(arr,7); console.log (JSON.stringify (res));

到目前为止还不错，但我们仍然可以进一步简化上面的片段。

var chunk = （a，n） => Array.from（{length： Math.ceil（a.length/n）}， （_，i） => a.slice（i*n， i*n+n））， arr = Array.from（{length： 31}，（_，i） => i+1）， res = chunk（arr，7）; console.log（JSON.stringify（res））;