配列操作のマスター：配列を N 個のチャンクに分割する

はじめに

この実験では、JavaScript における配列操作のトピックを探求します。具体的には、指定されたサイズの小さなチャンクに配列を分割するタスクに焦点を当てます。この実験を通じて、JavaScript の組み込みメソッドを効率的かつ効果的に使って配列を操作する方法を学びます。この実験が終了するまでに、JavaScript における配列操作を深く理解し、これらのスキルを使って現実世界の問題を解決できるようになります。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28620{{"配列を N 個のチャンクに分割する"}} javascript/data_types -.-> lab-28620{{"配列を N 個のチャンクに分割する"}} javascript/arith_ops -.-> lab-28620{{"配列を N 個のチャンクに分割する"}} javascript/comp_ops -.-> lab-28620{{"配列を N 個のチャンクに分割する"}} javascript/destr_assign -.-> lab-28620{{"配列を N 個のチャンクに分割する"}} end

配列を N 個のチャンクに分割する方法

配列を n 個の小さな配列に分割するには、次の手順に従います。

ターミナル/SSH を開き、コーディングを練習するために node と入力します。
Math.ceil() と Array.prototype.length を使って各チャンクのサイズを計算します。
Array.from() を使ってサイズ n の新しい配列を作成します。
Array.prototype.slice() を使って新しい配列の各要素を size の長さのチャンクにマッピングします。
元の配列を均等に分割できない場合、最後のチャンクには残りの要素が含まれます。

次に、JavaScript の chunkIntoN 関数の例の実装を示します。

const chunkIntoN = (arr, n) => {
  const size = Math.ceil(arr.length / n);
  return Array.from({ length: n }, (v, i) =>
    arr.slice(i * size, i * size + size)
  );
};

この関数を使って、配列とチャンク数を引数として渡すことで、配列を n 個のチャンクに分割できます。たとえば：

chunkIntoN([1, 2, 3, 4, 5, 6, 7], 4); // [[1, 2], [3, 4], [5, 6], [7]]

まとめ

おめでとうございます！配列を N 個のチャンクに分割する実験を完了しました。スキルを向上させるために、LabEx でさらに実験を行って練習してください。