如何在 JavaScript 中取得第一個非空/未定義參數？-js教程-PHP中文網

如何在 JavaScript 中取得第一個非空/未定義參數？

PHPz

發布： 2023-08-24 20:17:12

轉載

888 人瀏覽過

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

在 JavaScript 中，很多時候我們需要在函數中尋找第一個非 null/未定義的參數。這可能是一項棘手的任務，但幸運的是，有一些方法可以幫助我們完成此任務

使用Array.prototype.find()

一個方法可用於取得JavaScript 中的第一個非null/未定義參數是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/未定義參數的方法是使用 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/未定義的參數。