find方法和 findIndex方法的使用

Zzz_bk

于 2020-10-31 10:47:16 发布

阅读量8.4k

点赞数

分类专栏： JS基础知识文章标签： javascript

本文链接：https://blog.csdn.net/xy520zzz/article/details/109399045

版权

JS基础知识专栏收录该内容

13 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中的find和findIndex方法，用于在数组中查找符合条件的元素。find方法返回满足条件的对象，而findIndex则返回符合条件的元素的索引。通过示例代码，展示了如何使用这两个方法在数组中查找特定属性或值，帮助理解它们的区别和应用场景。

摘要由CSDN通过智能技术生成

find方法和findIndex方法都是用于查找数组中符合条件的元素，但是两者有细微的差别

find方法是通过判断条件返回符合条件的对象

    // 定义一个数组，里面包含多个对象，通过find方法来查找满足条件的对象
    var arr = [
        {
            id: 1,
            name:'张三'  
        },
        {
            id: 2,
            name:'张三'  
        }
        ]
    // find方法返回一个函数，函数可传递两个形参 item index
    // 也就是说可通过item 项判断满足参数来查找元素也可以通过 index 索引来查找元素
   var item = arr.find(item => item.id == 1 )
   
   console.log(item) // 输出id = 1 的对象

findIndex方法，查找数组中第一个满足条件的元素

//找到元素则输出第一个符合条件元素的位置(索引的值从0开始)，如果没有找到则返回 -1
var arr1 = [10,20,30,50,40]

var index = arr1.findIndex((value, index) => value > 5 )

console.log(index)