JavaScript find()方法及返回数据实例

下面是关于JavaScript中find()方法及返回数据的完整攻略，包括方法的介绍、语法、参数、返回值和示例说明。

find()方法介绍

JavaScript中的find()方法是ES6中新增加的数组方法之一，用于返回符合条件的第一个数组元素，如果没有符合条件的元素则返回undefined。

find()方法的语法

array.find(function(element, index, array) {
    // 执行函数逻辑并返回 true / false
}[, thisArg])

参数说明：

• function：回调函数，用于处理数组元素并返回布尔值，如果返回true，则返回对应元素
• thisArg：可选参数，指定回调函数中的this指向

find()方法的返回值

返回找到的符合条件的第一个元素，如果没有找到符合条件的元素则返回undefined。

示例1

下面是一个简单示例，用于查找数组中第一个大于5的元素：

let arr = [1, 3, 6, 8, 9, 2];

let result = arr.find(function(element) {
    return element > 5;
});

console.log(result);
// 输出: 6

上述代码中，find()方法找到了数组中第一个大于5的元素6，并返回给result变量。

示例2

下面是另一个示例，用于查找数组中某个对象的属性值满足条件的元素：

let arr = [
    {name: 'Tom', age: 18},
    {name: 'Jerry', age: 22},
    {name: 'Lucy', age: 20},
    {name: 'Bob', age: 25},
];

let result = arr.find(function(element) {
    return element.age > 20 && element.name.indexOf('e') > -1;
});

console.log(result);
// 输出: {name: 'Jerry', age: 22}

上述代码中，find()方法找到了数组中满足条件的第一个元素{name: 'Jerry', age: 22}，并返回给result变量。

以上就是关于JavaScript中find()方法及返回数据的完整攻略。