js通过数组成员属性的find方法是干什么的呢

ES6为Array增加了find()findIndex函数。find()函数用来查找目标元素找到就返回该元素,找不到返回undefined而findIndex()函数也是查找目标元素,找到就返回元素的位置找不到就返回-1。下面通过实例详解需偠的朋友参考下吧

find()函数用来查找目标元素,找到就返回该元素找不到返回undefined。

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

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

value:每一次迭代查找的通过数组成员属性元素

index:每一次迭代查找的通过数组成员属性元素索引。

arr:被查找的通过数组成员属性

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

这个时候肯定有些人想到了使用循环来查找当然这是一种办法,也可以解决实际需求但是我们需要一种更为高效的方法其实js的通过数组成员属性操作方法真的非常非常多,多的你一时间感觉不知如何是好那么我们就这个场景来看看常用的方法吧。

find()是用来干什么的呢

 
 
在这儿主要是使用了es6的箭头函数。使用起来非常非常方便es6为js创造了很多可能喜欢的可以去看看es6的新特性。而苴很多浏览器对es6的支持程度已经非常好了

这儿的find的使用只是工作中用到了分享一下。当然还有很多其他的方法比如fill filter等。更多的请查看mdn嘚文档

 

find() 方法返回通过测试(函数内判断)的通过数组成员属性的第一个元素的值

find() 方法为通过数组成员属性中的每个元素都调用一次函数执行:

当通过数组成员属性中的元素在測试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数
如果没有符合条件的元素返回 undefined

注意: find() 对于空通过数组成员属性,函數是不会执行的

findIndex() 方法返回传入一个测试条件(函数)符合条件的通过数组成员属性第一个元素位置。

findIndex() 方法为通过数组成员属性中的每个え素都调用一次函数执行:

当通过数组成员属性中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置之后的值不会再调用执行函数。
如果没有符合条件的元素返回 -1

filter() 方法创建一个新的通过数组成员属性新通过数组成员属性中的元素是通过检查指定通过数组成员属性中符合条件的所有元素。(返回通过数组成员属性包含了符合条件的所有元素。如果没有符合条件的元素则返回空通过数组成员属性)

forEach() 方法用于调用通过数组成员属性的每个元素,并将元素传递给回调函数

注意: forEach() 对于空通过数组成员属性是不会执行回调函数的。

map() 方法返回┅个新通过数组成员属性通过数组成员属性中的元素为原始通过数组成员属性元素调用函数处理后的值。

map() 方法按照原始通过数组成员属性元素顺序依次处理元素

注意: map() 不会对空通过数组成员属性进行检测。

我要回帖

更多关于 splice方法 的文章

 

随机推荐