JavaScript Array findLast()

示例 1

查詢最後一個值大於 18 的元素的值

const ages = [3, 10, 18, 20];

function checkAge(age) {
return age > 18;
}

function myFunction() {
document.getElementById("demo").innerHTML = ages.findLast(checkAge);
}

自己動手試一試 »

描述

findLast() 方法返回透過測試的最後一個元素的值。

findLast() 方法為陣列中的每個元素執行一個函式。

如果沒有找到任何元素，findLast() 方法返回 undefined。

findLast() 方法不會對空元素執行函式。

findLast() 方法不會改變原始陣列。

陣列查詢方法

方法	查詢
indexOf()	具有指定值的第一個元素的索引
lastIndexOf()	具有指定值的最後一個元素的索引
find()	透過測試的第一個元素的值
findIndex()	透過測試的第一個元素的索引
findLast()	透過測試的最後一個元素的值
findLastIndex()	透過測試的最後一個元素的索引

語法

array.findLast(function(currentValue, index, arr),thisValue)

引數

function()	必需。為每個陣列元素執行的函式。
currentValue	必需。當前元素的值。
index	可選。當前元素的索引。
arr	可選。當前元素所屬的陣列。
thisValue	可選。預設 `undefined`。作為其 `this` 值傳遞給函式的值。

返回值

型別	描述
一個值	透過測試的最後一個元素的值。否則返回 `undefined`。

示例 2

查詢最後一個值大於特定數字的元素的值

<p><input type="number" id="ageToCheck" value="18"></p>

<button onclick="myFunction()">試一試</button>

<p id="demo"></p>

<script>
const ages = [4, 12, 16, 20];

function checkAge(age) {
return age > document.getElementById("ageToCheck").value;
}

function myFunction() {
document.getElementById("demo").innerHTML = ages.findLast(checkAge);
}
</script>

自己動手試一試 »