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

亦凉 2023-10-09 21:33 50阅读 0赞

#### **简介：**`find()` 方法是 JavaScript 中用于在数组中查找特定条件的第一个元素，如果找到一个元素使得回调函数返回true，则该元素作为结果返回；如果没有找到这样的元素，则返回undefined，该函数不会修改原始数组。 ####

#### **1、 基本语法** ####

array.find((item,index)=>{
      console.log(item,index);
    })
    
    array.find(callback(element[, index[, array]])[, thisArg])

**参数解释：**

*  **`callback`：必需。要在数组中每个元素上执行的函数。**
 *  **`element`：必需。当前正在处理的数组元素。**
 *  **`index`：可选。正在处理的元素的索引。**
 *  **`array`：可选。调用该方法的数组本身。**
 *  **`thisArg`：可选。当执行回调函数时使用的 `this` 值。**

#### **2、 回调函数** ####

**`find()` 方法的第一个参数 `callback` 是一个函数，用于测试每个元素是否符合条件，接收三个**

**参数：**

*  **`element`：表示当前正在被处理的元素。**
 *  **`index`：表示正在被处理的元素的索引。**
 *  **`array`：表示当前正在被处理的数组对象。**

**回调函数应该返回一个布尔值，表示当前元素是否符合我们的条件。如果返回 `true`，则会停止遍历并返回该元素的值；否则，继续遍历直到遇到符合条件的元素或者整个数组都被遍历完毕。**

####  ####

#### 3、 使用实例 ####

**`find()` 方法实际应用：**

**实例 1：**查找数组中的第一个负数。

const arr = [1, 2, -3, 4, -5]; 
    const negativeNum = arr.find(num => num < 0); 
    console.log(negativeNum); // 输出：-3

**实例 2：**从对象数组中查找符合条件的对象。

**实例 3：**使用 `thisArg` 参数指定回调函数中的 `this` 值。

function isEven(num) { return num % 2 === 0; } 
    const nums = [1, 3, 4, 7, 8]; 
    const evenNum = nums.find(isEven, this); 
    console.log(evenNum); // 输出：4

**★注意事项**

1.  **`find()` 方法会遍历整个数组，直到找到满足条件的元素或者遍历完整个数组。**
2.  **如果数组为空，那么返回 `undefined`。**
3.  **在回调函数中修改数组本身不是一个好习惯。如果要修改数组，请使用 `map()` 或者 `filter()` 方法。**
4.  **当多个元素符合条件时，`find()` 方法只会返回第一个符合条件的元素。**
5.  **`find()` 方法是 ES6 中新增的方法，在较旧的浏览器中可能不被支持。**