JavaScript の高階関数 | プログラミングチュートリアル

はじめに

この実験では、JavaScript における高階関数の概念を探ります。map()、filter()、reduce() などの組み込みの高階関数を使って配列を操作および変換する方法を学びます。この実験が終わるとき、高階関数を十分に理解し、独自の 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/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28290{{"特定の要素を返す"}} javascript/data_types -.-> lab-28290{{"特定の要素を返す"}} javascript/arith_ops -.-> lab-28290{{"特定の要素を返す"}} javascript/comp_ops -.-> lab-28290{{"特定の要素を返す"}} javascript/higher_funcs -.-> lab-28290{{"特定の要素を返す"}} end

配列の特定の要素を返す関数

配列の特定の要素を返すには、次の手順に従います。

ターミナル/SSH を開き、コーディングを練習するために node と入力します。
Array.prototype.filter() メソッドを使用して、与えられた配列の特定の要素を含む新しい配列を作成します。
次の関数を使用して上記の手順を実装します。

const everyNth = (arr, nth) => arr.filter((e, i) => i % nth === nth - 1);

関数をテストするには、次のコードを使用します。

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

これにより、入力配列の 2 番目の要素ごとの新しい配列が返されます。

まとめ

おめでとうございます！あなたは「特定の要素を返す」実験を完了しました。あなたの技術を向上させるために、LabEx でさらに実験を行って練習することができます。