連続する要素のサブ配列：JavaScript 配列操作のマスター

はじめに

この実験では、JavaScript を使って連続する要素のサブ配列を作成する概念を探ります。この実験の目的は、JavaScript の Array.prototype.slice() と Array.prototype.map() メソッドを使って、連続する要素の n 要素組の配列を作成する方法を学ぶことです。実際の例を通じて、入力配列から連続する要素の n 要素組で配列を埋める方法を理解し、n が入力配列の長さより大きい場合に空の配列を返す方法を学びます。

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/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28210{{"連続する要素のサブ配列"}} javascript/data_types -.-> lab-28210{{"連続する要素のサブ配列"}} javascript/arith_ops -.-> lab-28210{{"連続する要素のサブ配列"}} javascript/comp_ops -.-> lab-28210{{"連続する要素のサブ配列"}} javascript/higher_funcs -.-> lab-28210{{"連続する要素のサブ配列"}} end

連続する要素のサブ配列

コーディングを練習するには、ターミナル/SSH を開いて node と入力します。次のコードは、連続する要素の n 要素組の配列を作成します。

const aperture = (n, arr) =>
  n > arr.length ? [] : arr.slice(n - 1).map((v, i) => arr.slice(i, i + n));

この関数を使用するには：

aperture(n, arr) 関数を呼び出し、n を連続する要素の数、arr を数値の配列とします。
この関数は、arr からの連続する要素の n 要素組の配列を返します。
n が arr の長さより大きい場合、この関数は空の配列を返します。

使用例：

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

まとめ

おめでとうございます！あなたは連続する要素のサブ配列の実験を完了しました。あなたのスキルを向上させるために、LabExでさらに実験を行って練習することができます。