如何在 JavaScript 中获取第一个非空/未定义参数？-js教程-PHP中文网

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

PHPz

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

转载

895 人浏览过

如何在 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/未定义的参数。