JavaScript Array.find

在 JavaScript 中，Array.find() 方法被用来查询数组中满足指定条件的第一个元素，并返回该元素的值。该方法仅返回符合条件的第一个元素，如果数组中没有符合条件的元素，则返回 undefined。

语法

arr.find(callback[, thisArg])

参数

• callback: 用来测试数组的每个元素的函数，该函数返回一个布尔值，表示是否满足检测条件。
  • 参数1: array element - 数组元素的值
  • 参数2: array index(可选) - 数组元素的索引
  • 参数3: array(可选) - 调用该函数的数组的本身
• thisArg(可选)：执行 callback 函数时使用的 this 值。

返回值

返回数组中第一个符合条件的元素的值，如果找不到则返回 undefined。

示例

找到数组中第一个大于 6 的数字

const arr = [3, 5, 8, 10, 2];

const result = arr.find(num => num > 6);

console.log(result); // 输出 8

找到数组中第一个被3整除的数字

const arr = [4, 9, 2, 11, 3];

const result = arr.find(num => num % 3 === 0);

console.log(result); // 输出 9

在一个对象数组中找到第一个名字为 "John" 的人

const people = [
  { name: "Tom", age: 20 },
  { name: "John", age: 25 },
  { name: "Mary", age: 30 }
];

const result = people.find(person => person.name === "John");

console.log(result); // 输出 { name: "John", age: 25 }

注意事项

• Array.find() 只会对数组中有值的元素进行搜索，并跳过未初始化的元素;
• 如果想查找符合条件的所有元素，可以使用 Array.filter() 方法;
• 如果不传递 thisArg 参数，callback 函数内部的 this 值为 undefined。

以上是 JavaScript Array.find 的介绍，希望对你有所帮助。