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);
}

自己尝试 »

描述

The findLast() 方法返回通过测试的最后一个元素的值。

The findLast() 方法为每个数组元素执行一个函数。

The findLast() 方法如果未找到元素则返回 undefined。

The findLast() 方法不会为空元素执行函数。

The 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>

自己尝试 »