在 JavaScript 中，很多时候我们需要在函数中查找第一个非 null/未定义的参数。这可能是一项棘手的任务，但幸运的是，有一些方法可以帮助我们完成此任务
一个方法可用于获取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>
另一种可用于获取 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/未定义的参数。
另一种可用于获取 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/未定义的参数。
在本文中，我们研究了可用于获取 JavaScript 中第一个非 null/未定义参数的三种不同方法。每种方法都有其自身的优点和缺点，因此针对手头的任务选择正确的方法非常重要。
以上是如何在 JavaScript 中获取第一个非空/未定义参数？的详细内容。更多信息请关注PHP中文网其他相关文章！
