JavaScript Array findLast()

定义和用法

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

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

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

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

findLast() 方法不会改变原始数组。

数组查找方法:

方法 查找内容
indexOf() 第一个具有指定值的元素的索引。
lastIndexOf() 最后一个具有指定值的元素的索引。
find() 通过测试的第一个元素的值。
findIndex() 通过测试的第一个元素的索引。
findLast() 테스트된 마지막 요소의 값.
findLastIndex() 通过测试的最后一个元素的索引。

实例

例子 1

查找最后一个值大于 18 的元素:

const ages = [3, 10, 18, 20];
function checkAge(age) {
  return age > 18;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.findLast(checkAge);
}

개인적으로 시도해보세요

例子 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>

개인적으로 시도해보세요

문법

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

파라미터

파라미터 설명
function() 필수입니다. 각 배열 요소에 대해 실행되는 함수.
currentValue 필수입니다. 현재 요소의 값.
index 선택 사항입니다. 현재 요소의 인덱스.
arr 선택 사항입니다. 현재 요소가 속한 배열.
thisValue

선택 사항입니다. 기본 값은 undefined입니다.

함수에 전달하는 this 값.

반환 값

형식 설명

테스트된 마지막 요소의 값.

찾지 못한 경우 undefined를 반환합니다.

브라우저 지원

findLast() ES2023의 기능입니다.

2023년 7월부터 모든 현대 브라우저는 이 메서드를 지원합니다:

Chrome Edge Firefox Safari Opera
Chrome 110 Edge 110 Firefox 115 Safari 16.4 Opera 96
2023년 2월 2023년 2월 2023년 7월 2023년 3월 2023년 5월