チャンクに分割

JavaScriptJavaScriptBeginner
今すぐ練習

This tutorial is from open-source community. Access the source code

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

この実験では、JavaScript を使って配列を指定されたサイズの小さな配列に分割する方法を探ります。Array.from()Array.prototype.slice() メソッドを使って、指定されたチャンク数を含む新しい配列を作成します。また、元の配列を均等に分割できない場合の処理方法についても学びます。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic 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") subgraph Lab Skills javascript/variables -.-> lab-28621{{"チャンクに分割"}} javascript/data_types -.-> lab-28621{{"チャンクに分割"}} javascript/arith_ops -.-> lab-28621{{"チャンクに分割"}} javascript/comp_ops -.-> lab-28621{{"チャンクに分割"}} end

特定のサイズのチャンクに配列を分割する方法

コーディングを練習するには、ターミナル/SSH を開いて node と入力します。

配列を指定されたサイズの小さな配列に分割するには、次の手順に従います。

  1. 生成されるチャンク数に合う新しい配列を作成するために Array.from() を使用します。
  2. 新しい配列の各要素を size の長さのチャンクにマッピングするために Array.prototype.slice() を使用します。
  3. 元の配列を均等に分割できない場合、最後のチャンクには残りの要素が含まれます。

以下はコードの例です。

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

この関数を使用するには、分割したい配列とチャンクの希望するサイズを渡します。たとえば:

chunk([1, 2, 3, 4, 5], 2); // [[1, 2], [3, 4], [5]]

まとめ

おめでとうございます!あなたは「チャンクに分割」の実験を完了しました。あなたの技術を向上させるために、LabExでさらに実験を練習することができます。