javascript - 通过从下一个块中仅添加 1 个元素，在 javascript 中创建块数组

Question

我希望将 JavaScript 中的数组分成 3 个块。但我只想将块增加 1 个元素。下面的例子：

[1,2,3,4,5,6,7,8] => [1,2,3], [2,3,4], [3,4,5], [4,5,6], [5,6,7], [6,7,8]

所有结果数组的大小应为 3。因此只有一个元素向左滑动。

我有以下代码将数组分成3块：

_.chunk($scope.substituteItems, 3);

此代码将数组划分为：[1,2,3,4,5,6,7,8] => [1,2,3], [3,4,5], [5,6,7], [8]

显然，这段代码只是将数组分成相等的块，这不是我想要的。

标签： javascriptarrayschunks

Answer 1

您可以使用reduce()遍历数组。用于slice()将数组浅拷贝成块。

let arr = [1, 2, 3, 4, 5, 6, 7, 8];
let numOfChunk = 3;

let result = arr.reduce((c, v, i, a) => {
  if (i + numOfChunk <= a.length) c.push(a.slice(i, i + numOfChunk));
  return c;
}, [])


console.log(result);

---

如果您更喜欢一行代码，也可以使用concat()代替。push()

let arr = [1, 2, 3, 4, 5, 6, 7, 8];
let numOfChunk = 3;

let result = arr.reduce((c, v, i, a) => i + numOfChunk <= a.length ? c.concat([a.slice(i, i + numOfChunk)]) : c, [])

console.log(result);