JavaScript関数 | n番目の引数を取得する

はじめに

この実験では、nthArg と呼ばれる JavaScript 関数の実装を検討します。この関数を使うと、関数の n 番目の引数を取得できます。Array.prototype.slice() メソッドを使って目的の引数を取得する方法と、n に対する負の値を処理する方法を学びます。この実験が終了するとき、nthArg を使って関数から引数を取得する方法を十分に理解していることになります。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/ToolsandEnvironmentGroup(["Tools and Environment"]) 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") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") javascript/ToolsandEnvironmentGroup -.-> javascript/debugging("Debugging") subgraph Lab Skills javascript/variables -.-> lab-28512{{"nthArgを使って関数の引数を取得する"}} javascript/data_types -.-> lab-28512{{"nthArgを使って関数の引数を取得する"}} javascript/arith_ops -.-> lab-28512{{"nthArgを使って関数の引数を取得する"}} javascript/comp_ops -.-> lab-28512{{"nthArgを使って関数の引数を取得する"}} javascript/spread_rest -.-> lab-28512{{"nthArgを使って関数の引数を取得する"}} javascript/debugging -.-> lab-28512{{"nthArgを使って関数の引数を取得する"}} end

n 番目の引数を取得する関数

コーディングの練習を始めるには、ターミナル/SSH を開いて node と入力します。以下は、インデックス n の引数を取得する関数を作成する方法です。

Array.prototype.slice() を使って、インデックス n の目的の引数を取得します。
n が負の場合、末尾から n 番目の引数が返されます。

const nthArg =
  (n) =>
  (...args) =>
    args.slice(n)[0];

nthArg 関数の使い方の例を以下に示します。

const third = nthArg(2);
console.log(third(1, 2, 3)); // 出力: 3
console.log(third(1, 2)); // 出力: undefined

const last = nthArg(-1);
console.log(last(1, 2, 3, 4, 5)); // 出力: 5

まとめ

おめでとうございます！あなたは NTH Argument の実験を完了しました。あなたのスキルを向上させるために、LabEx でさらに実験を練習することができます。