JavaScript Array find() 方法

示例 1

查找第一个值大于 18 的元素的值

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

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

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

自己动手试一试 »

描述

find() 方法返回通过测试的第一个元素的值。

find() 方法为数组中的每个元素执行一次函数。

如果没有元素通过测试，find() 方法返回 undefined。

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

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

数组查找方法

方法	查找
indexOf()	具有指定值的第一个元素的索引
lastIndexOf()	具有指定值的最后一个元素的索引
find()	通过测试的第一个元素的值
findIndex()	通过测试的第一个元素的索引
findLast()	通过测试的最后一个元素的值
findLastIndex()	通过测试的最后一个元素的索引

语法

array.find(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.find(checkAge);
}
</script>

自己动手试一试 »