find方法和 findIndex方法的使用

最新推荐文章于 2024-04-05 18:13:34 发布

都挺好，刚刚好

最新推荐文章于 2024-04-05 18:13:34 发布

阅读量641

点赞数

分类专栏： JS 文章标签：前端

本文链接：https://blog.csdn.net/seimeii/article/details/126179648

版权

JS 专栏收录该内容

110 篇文章 5 订阅

订阅专栏

本文解析了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方法，查找数组中第一个满足条件的元素并返回下标

数组findIndex方法查找第一个符合条件的值在数组中的索引号

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

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

console.log(index)