JavaScript 数组方法 .find()

在 JavaScript 中，数组是使用频率最高的数据类型之一。数组方法 .find() 提供了一种快速查找数组元素的方式。

语法

.find() 方法的语法如下：

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

其中：

• function(currentValue, index, arr)：必需。用于测试每个元素的函数。其中，currentValue 表示当前元素的值，index 表示当前元素的索引，arr 表示要搜索的数组对象。
• thisValue：可选。执行回调函数时使用的 this 值。

返回值

.find() 方法返回满足测试函数的第一个元素的值，如果找不到满足条件的元素，则返回 undefined。

示例

const numbers = [1, 3, 5, 7, 9];
const firstEvenNumber = numbers.find(number => number % 2 === 0);

console.log(firstEvenNumber); // undefined

const mixedTypes = [true, 'hello', 42, null];
const isString = mixedTypes.find(element => typeof element === 'string');

console.log(isString); // 'hello'

在上面的示例中，首先定义了一个整数数组 numbers，然后使用 .find() 方法查找其中第一个偶数。由于数组中没有偶数，因此返回值为 undefined。

接着定义了一个混合类型的数组 mixedTypes，并使用 .find() 方法找到其中第一个字符串类型的元素。由于第二个元素是一个字符串，因此返回值为 'hello'。

注意事项

• .find() 方法将查找数组中满足条件的第一个元素并返回它。
• 如果找不到满足条件的元素，则返回 undefined。
• .find() 方法是 ES6 中新增的数组方法，在使用前需确保脚本环境支持该方法。