在 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中文網其他相關文章！
