ES6中Array.find()和findIndex()函数用法详解

2024年3月10日 267次阅读 来源: MangoGoing

ES6为Array增加了find()，findIndex函数。find()函数用来查找目的元素，找到就返回该元素，找不到返回undefined，而findIndex()函数也是查找目的元素，找到就返回元素的位置，找不到就返回-1。

他们的都是一个查找回调函数。

查找函数有三个参数。

value：每一次迭代查找的数组元素。

index：每一次迭代查找的数组元素索引。

arr：被查找的数组。

假如我们给vue组件绑定了一个班级的门生列表数据。其数据结构能够以下花样，假如你想从以下数据中查找出姓名为李四的门生的信息。

var stu = [
    {
        name: '张三',
        gender: '男',
        age: 20
    },
    {
        name: '王小毛',
        gender: '男',
        age: 20
    },
    {
        name: '李四',
        gender: '男',
        age: 20
    }
]

关于find()的运用

find()要领返回数组中相符测试函数前提的第一个元素。不然返回undefined

在这儿须要注重的几个点：

①、第一个元素

②、测试函数

function getStu(element){
   return element.name == '李四'
}
stu.find(getStu)
//返回效果为  {name: "李四", gender: "男", age: 20}

连系es6的革新

stu.find((element) => (element.name == '李四')); //返回的是{name: "李四", gender: "男", age: 20}这个元素
stu.findIndex((element)=>(element.name =='李四'));  //返回的是索引下标：2
    原文作者：MangoGoing
    原文地址: https://segmentfault.com/a/1190000019146202
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞