JavaScriptで配列をチャンクに分割する方法

以下に、シンプルで簡単な方法といくつかのコード例を示します。

1. ループを使用した方法:

function chunkArray(array, size) {
  const chunks = [];
  for (let i = 0; i < array.length; i += size) {
    chunks.push(array.slice(i, i + size));
  }
  return chunks;
}
const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const chunkedArray = chunkArray(array, 3);
console.log(chunkedArray);
// 出力: [[1, 2, 3], [4, 5, 6], [7, 8, 9], [10]]

2. Array.from()メソッドを使用した方法:

function chunkArray(array, size) {
  return Array.from({ length: Math.ceil(array.length / size) }, (_, index) =>
    array.slice(index * size, index * size + size)
  );
}
const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const chunkedArray = chunkArray(array, 3);
console.log(chunkedArray);
// 出力: [[1, 2, 3], [4, 5, 6], [7, 8, 9], [10]]

3. 再帰関数を使用した方法:

function chunkArray(array, size) {
  if (array.length <= size) {
    return [array];
  }
  return [array.slice(0, size), ...chunkArray(array.slice(size), size)];
}
const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const chunkedArray = chunkArray(array, 3);
console.log(chunkedArray);
// 出力: [[1, 2, 3], [4, 5, 6], [7, 8, 9], [10]]

これらの方法を使用すると、配列を指定したサイズのチャンクに分割することができます。選択した方法に応じて、コードをカスタマイズして必要なサイズや要件に合わせることができます。

以上が、JavaScriptで配列をチャンクに分割する方法の説明です。これらの方法を使って、配列を効果的にグループ化し、処理しやすくすることができます。