引数の結合 | JavaScript テクニック

はじめに

この実験では、JavaScript における引数の結合の概念を探ります。引数の結合は、引数のリストから最初に定義された非 null の引数を返すために使用される技術です。実際の例を通じて、Array.prototype.find() や Array.prototype.includes() などの 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/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28137{{"JavaScript における引数の結合"}} javascript/data_types -.-> lab-28137{{"JavaScript における引数の結合"}} javascript/arith_ops -.-> lab-28137{{"JavaScript における引数の結合"}} javascript/comp_ops -.-> lab-28137{{"JavaScript における引数の結合"}} javascript/spread_rest -.-> lab-28137{{"JavaScript における引数の結合"}} end

引数の結合の使用

コーディングを始めるには、ターミナル/SSH を開いて node と入力します。引数の結合は、引数のリストで最初に定義された非 null の引数を返すために使用される技術です。これを達成するには、Array.prototype.find() と Array.prototype.includes() を使って、undefined または null と等しくない最初の値を見つけます。

以下は、JavaScript で引数の結合を使用する方法の例です。

const coalesce = (...args) => args.find((v) => ![undefined, null].includes(v));

上記のコードスニペットでは、coalesce は任意の数の引数を受け取り、最初に定義された非 null の引数を返す関数です。coalesce 関数を使用する方法の例を以下に示します。

coalesce(null, undefined, "", NaN, "Waldo"); // ''

この例では、coalesce に null、undefined、空文字列 ''、NaN、そして文字列 'Waldo' を含む引数のリストが渡されます。関数は空文字列 '' を返します。なぜなら、それがリスト内の最初に定義された非 null の引数だからです。

まとめ

おめでとうございます！引数の結合の実験を完了しました。技術を向上させるために、LabEx でさらに実験を行って練習してください。