JavaScript数组方法 find() ，使用详细（js的 find() 方法）

find() 方法用于找到数组中满足提供的测试函数的第一个元素并返回该元素的值，否则返回 undefined。

语法：

arr.find(callback[, thisArg])

参数：

• callback：执行数组中每个元素的函数，该函数接受三个参数：

  • element：数组中当前传递的元素。
  • index：数组中当前传递的元素的索引。
  • array：find() 方法正在操作的数组。
• thisArg（可选）：执行 callback 时用作 this 的值。

返回值：

• 返回数组中满足条件的第一个元素，如果没有找到满足条件的元素，则返回 undefined。

示例代码：

// 使用 find() 方法查找数组中的第一个奇数
const numbers = [2, 4, 6, 8, 10];
const firstOddNumber = numbers.find((element) => element % 2 !== 0);
console.log(firstOddNumber); // 输出: 10
 
// 使用 find() 方法查找数组中的第一个大于 5 的数
const numbers2 = [2, 4, 6, 8, 10];
const firstGreaterThanFive = numbers2.find((element) => element > 5);
console.log(firstGreaterThanFive); // 输出: 6
 
// 使用 find() 方法结合 thisArg 使用
const array = [{id: 1, name: 'John'}, {id: 2, name: 'Jane'}, {id: 3, name: 'Doe'}];
const foundItem = array.find(function(item) {
  return item.id === this.id;
}, {id: 2});
console.log(foundItem); // 输出: {id: 2, name: 'Jane'}