ES6中Array.find()方法和Array.findIndex()方法-CSDN博客

本文深入探讨了JavaScript中find和findIndex方法的使用技巧，包括如何在数组中查找特定元素及其索引，同时展示了在复杂数据结构如对象数组中进行搜索的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

两种方法不会改变原数组

该方法在第一次调用回调函数的时候就已经确定好索引，在find()方法执行之后再添加到的不会被执行，而删除的项通向会被执行到，值是undefined。

let a = [1,2,3,4,5,6,7,8,9]
a.find(function(item,index,arr){
    if(index == 0){
        a.push("10");
    }
    console.log(item);    // 1，2，3，4，5，6，7，8，9
})
console.log(a)    //(10) [1, 2, 3, 4, 5, 6, 7, 8, 9, "10"]

let a = [1,2,3,4,5,6,7,8,9]
let b = a.find(function(item,index,arr){
    if(index == 0){
        a.pop();
    }
    console.log(item);
})

find()方法用来查找目标元素，找到就返回该元素，找不到返回undefined。

let a= [1,2,3,4,5,6,7,8,9]

let b = a.find((item,index,array) => {return item > 5})

b    //6

let b = a.find((item,index,arr) => {return item>10})

b     //undefined

findIndex()函数也是查找目标元素，找到就返回元素的位置，找不到就返回-1。

let a= [1,2,3,4,5,6,7,8,9]

let b = a.findIndex((item,index,array) => {return item>5})

b    // 5

let b = a.findIndex((item,index,array) => {return item>10})

b     // -1

如果你想在一串数据中找出你想要的数据，可以试试下面这个方法

let arr = [
    {
        name : "张三",
        age : 20,
        grade : 100,
    },
    {
        name : "李四",
        age : 26,
        grade : 30,
    },
    {
        name : "王五",
        age : 46,
        grade : 80,
    }
]

function get(item) {
    return item.name == '王五'
}
console.log(arr.find(get));
// {name: "王五", age: 46, grade: 80}

方法摘自csnd上面想看原文，请猛戳