ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で最初の非 null/未定義引数を取得するにはどうすればよいですか?

JavaScript で最初の非 null/未定義引数を取得するにはどうすればよいですか?

PHPz
リリース: 2023-08-24 20:17:12
転載
867 人が閲覧しました

如何在 JavaScript 中获取第一个非空/未定义参数?

JavaScript では、関数内の最初の非 null/未定義パラメータを見つける必要があることがよくあります。これは難しい作業になる可能性がありますが、幸いなことに、これを達成するのに役立つ方法があります。

Array.prototype.find() を使用する

JavaScript を取得するためのメソッドが利用可能です。最初の非 null /unknown パラメータは Array.prototype.find() メソッドです。このメソッドは、指定されたテストに合格した配列内の最初の要素の値を返します。この例では、このメソッドを使用して、パラメーターが null/未定義かどうかをテストすることで、最初の非 null/未定義パラメーターを見つけることができます。

次の例では、空または未定義ではない最初の引数を見つける関数を定義します。

<html>
<head>
   <title>Example: finding first non-null arguements</title>
</head>
<body>
   <h2> Array.prototype.find() Method</h2>
   <div id="arguments"></div>
   <div id="result"></div>
   <script>
      function findFirstNonNullArgument(...args) {
         return args.find(arg => arg != null);
      }
      var result = findFirstNonNullArgument(null, undefined, "Hello", "World");
      document.getElementById("arguments").innerHTML = `Arguments: null, undefined, "Hello", "World"`;
      document.getElementById("result").innerHTML = "<br>First Non-Null Argument: " + result;
   </script>
</body>
</html>
ログイン後にコピー

上記のコードから、findFirstNonNullArgument() 関数は可変数のパラメーターを受け入れ、find() メソッドを使用して最初の非 null/未定義パラメーターを返すことがわかります。 < /p>

Array.prototype.filter() の使用

JavaScript で最初の非 null/未定義引数を取得するために使用できる別のメソッドは、Array.prototype.filter() # ##方法。このメソッドは、指定されたテストに合格したすべての要素を含む新しい配列を作成します。この例では、このメソッドを使用して、引数が null/未定義ではないかどうかをチェックするテストを渡すことで、最初の null ではない/未定義の引数を見つけることができます。

以下は完全な動作コードです。

<html>
<head>
   <title>Example: finding first non-null arguements</title>
</head>
<body>
   <h2> Array.prototype.filter() Method</h2>
   <div id="arguments"></div>
   <div id="result"></div>
   <script>
      function findFirstNonNullArgument(...args) {
         return args.filter(arg => arg != null)[0];
      }
      document.getElementById("arguments").innerHTML = `Arguments: null, undefined, "Hello", "World"`;
      document.getElementById("result").innerHTML = "<br>First non-nul argument: " + findFirstNonNullArgument(null, undefined, "Hello", "World")
   </script>
</body>
</html>
ログイン後にコピー

上記のコードから、findFirstNonNullArgument() 関数は可変数のパラメーターを受け入れ、filter() メソッドを使用して最初の非 null/未定義パラメーターを返すことがわかります。

for ループの使用

JavaScript で最初の非 null/未定義パラメーターを取得するために使用できるもう 1 つの方法は、for ループを使用することです。このメソッドはすべてのパラメータをループし、各パラメータが空または未定義でないかどうかを確認します。空または未定義ではないパラメータが見つかった場合は、そのパラメータが返されます。

以下は完全な動作コードです。

<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      function findFirstNonNullArgument(...args) {
          for (let arg of args) {
             if (arg != null) {
                return arg;
            }
         }
      }
      document.getElementById("result").innerHTML = findFirstNonNullArgument(null, undefined, "Hello", "World")
   </script>
</body>
</html>
ログイン後にコピー
上記のコードからわかるように、

findFirstNonNullArgument() 関数は変数を受け入れます。引数の数を指定し、for ループを使用して最初の非 null/未定義の引数を返します。

結論

この記事では、JavaScript で最初の非 null/未定義パラメータを取得するために使用できる 3 つの異なる方法について説明しました。各方法には独自の長所と短所があるため、当面のタスクに適した方法を選択することが重要です。

以上がJavaScript で最初の非 null/未定義引数を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート