JavaScript オプション関数パラメータ

Daneesha Perera 2023年10月12日

JavaScript JavaScript Function

JavaScript オプション関数パラメータ
まとめ

オプションの関数パラメーターを初期化すると、コードの実装が容易になり、コードの可読性が向上し、エラーや繰り返しが発生することなくコードが簡素化されます。多数の引数とパラメーターを追加することで、コードをカスタマイズできます。

この記事では、JavaScript でオプションの関数パラメーターを使用する方法について説明します。

JavaScript オプション関数パラメータ

パラメータは、関数を定義するために使用される定義です。 JavaScript では、関数呼び出しで 2つの主要なパラメーターを使用します。必須およびオプションのパラメーター。

必須パラメーターを渡す必要があります。そうしないと、エラーがスローされます。 undefined を返しますが、オプションのパラメータで、パラメータがない場合や undefined が渡された場合は、デフォルト値に初期化されます。

オプションの関数パラメーターを宣言する場合、主に 3つのアプローチを取ることができます。

未定義プロパティの使用
Arguments 変数の使用
論理 OR 演算子の使用

未定義のプロパティを使用

JavaScript で関数を呼び出す場合、パラメーターを省略して、残りのパラメーターに undefined という値を入力できます。

コード：

function number(num1, num2) {
  if (num1 === undefined) {
    num1 = 2;
  }
  if (num2 === undefined) {
    num2 = 2;
  }
  return num1 * num2;
}

console.log(number(5, 6));
console.log(number(5));

出力：

30
10

上記のスニペットでは、関数 number() が 2 回呼び出されています。最初に、num1 と num2 の 2つのパラメーターを関数に渡し、num1 には 1つのパラメーターのみを割り当てました。

コードは正常に動作し、最初の呼び出しでは出力が 30 と表示されますが、2 回目の呼び出しでは、指定された値を num1 と見なした後、値 10 を示します。関数が number 変数が未定義かどうかをチェックすると、num2 の値は 2 のままです。

ただし、このメソッドでは、最後の引数のみをオプションにすることができ、パラメーターの最初、中間、または組み合わせをオプションにすることはできません。

引数変数を使用

引数は、JavaScript 関数の組み込みオブジェクトです。関数呼び出し時にパラメーターの配列を返します。

この配列の長さは、渡されたパラメーターの数を表します。条件ステートメントを使用して、渡されたパラメーターの数をチェックし、未定義のパラメーターの代わりにデフォルト値を渡します。

次に、引数オブジェクトをループしながら、すべてのパラメーターを見つけることができます。

コード：

function number(num1, num2) {
  if (arguments.length == 0) {
    num1 = 1;
    num2 = 2;
  }

  if (arguments.length == 1) {
    num2 = 2;
  }

  return num1 * num2;
}

console.log(number(10, 15));  // first calling
console.log(number(10));      // second calling

出力：

150
20

上記のスニペットによると、関数 number() は arguments.length プロパティで使用されるパラメーターの数をチェックします。結果が 0 の場合、パラメーターは関数に渡されません。 1 を取得すると、num1 パラメータのみが渡されます。

その後、関数 number() が 2つのパラメーターと 1つのパラメーターを取得して 2 回呼び出されます。最初の呼び出しでも問題なく動作し、出力は 150 と表示されました。 2 回目の呼び出しでは、arguments.length が 1 に等しいため、num2 に 2 を割り当てた後、20 として結果を示しました。

論理 `OR`(`||`) 演算子を使用する

このメソッドでは、オプションのパラメーターは論理 OR(||) であり、関数の本体内にデフォルト値があります。ここで、短絡 OR 演算子は、左引数の左側が true の場合に true を返します。それ以外の場合は、右側の引数が true の場合、チェックして true を返します。

OR 演算子を使用すると、柔軟で読みやすいオプションの引数を簡単に作成でき、オプションのパラメーターを簡単に管理できます。さらに、False 、0、null 、undefined 、空の文字列 " " 、および NaN はすべて無効な引数です。

コード (最初の呼び出し):

function multiply(num1, num2) {
  var num3 = num2 || 2;
  return num1 * num3;
}
console.log(multiply(10, 20));

出力：

コード (2 回目の呼び出し):

function multiply(num1, num2) {
  var num3 = num2 || 2;
  return num1 * num3;
}
console.log(multiply(10));

出力：

上記の例では、2つのパラメーターを持つ multiply という名前の関数が宣言されており、num1 と num2 が 2 回呼び出されます。ここでは、2つの関数を別々に呼び出す必要があります。

最初の呼び出しでは、2つのパラメーターを渡し、出力を 200 として表示しましたが、2 回目の呼び出しでは、1つのパラメーターのみを渡し、結果を 20 として表示しました。 2 回目の呼び出しでは、num2 が定義されていないため、代わりに 2 が割り当てられます。

未定義のプロパティメソッドと同様に、最後の引数のみをオプションにすることができ、パラメーターの最初、中間、または組み合わせをオプションにすることはできません。

まとめ

オプションの関数パラメーターは、JavaScript の優れた機能として識別できます。オプションのパラメーターを使用しても、コードを簡素化するのに最適です。使用頻度の低い機能です。

一部のパラメーターに同じ値を指定して関数を頻繁に呼び出したい場合は、それらのパラメーターをオプションにすることで繰り返しを避けることができます。そのために、適切に上記の方法を使用できます。

JavaScript オプション関数パラメータ

未定義のプロパティを使用

引数変数を使用

論理 OR(||) 演算子を使用する

まとめ

関連記事 - JavaScript Function

論理 `OR`(`||`) 演算子を使用する