JavaScript 数组 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() 方法不会更改原始数组。

数组查找方法:

方法	查找
includes()	如果数组包含指定值，则返回 true
indexOf()	第一个具有指定值的元素的索引
lastIndexOf()	最后一个具有指定值的元素的索引
find()	第一个通过测试的元素的值
findIndex()	第一个通过测试的元素的索引
findLast()	最后一个通过测试的元素的值
findLastIndex()	最后一个通过测试的元素的索引

语法

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

参数

function()	必需。要对数组中的每个元素运行的函数。
currentValue	必需。当前元素的值。
index	可选。当前元素的索引。
arr	可选。当前元素的数组。
thisValue	可选。默认值为 `undefined`。传递给函数的 `this` 值。

返回值

类型	描述
A value	返回通过测试的最后一个元素的值。否则返回 `undefined`。

示例 2

找出最后一个值大于指定数字的元素的值:

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

<button onclick="myFunction()">Try it</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>

亲自试一试 »