【ES6】数组方法--查找元素find()、findIndex()

有一堆数据在数组里,如果想要查找其中符合条件的第一个元素出来,应该怎么做呢？

方法有很多,这里介绍两个ES6新增的查找元素方法.

find()用于查找数组的符合条件的第一个元素,比如在一个数组中,我想找出第一个数字5出来,但是这个数组又有好多个数字5.

let arr = [1, 2, 3, 4, 5, 5, 6, 5]

1.使用find()方法：

let res = arr.find(v => v === 5)
console.log(res) //出来的是第一个5

好吧，可能这样看不出来是第几个5，那再加个索引.

2.使用findIndex()方法:

let res2 = arr.findIndex(v => v === 5)
console.log(res2) //此时，打印出来的是4，符合条件的元素--索引是4

3.find()进阶用法
这里有一个数组，包含着很多个对象, 我想找出年龄大于20的那个name.

let hero = [{name: '狄云',age: 17},{name: '乔峰',age: 35},{name: '杨过',age: 19},{name: '段誉',age: 22}]
let res3 = hero.find(v => v.age > 20)
console.log(res3.name)  //打印的结果是--乔峰

总结:
find() 和findIndex() 用法基本一致, 区别在于, 前者查找的是元素值本身, 后者查找的是元素索引。共同点–查找的都是第一个符合条件的元素

【ES6】数组方法--查找元素find()、findIndex()相关推荐

ES6数组方法find()、findIndex()的总结
本文主要讲解ES6数组方法find()与findIndex(),关于JS的更多数组方法,可参考以下: ①JavaScript 内置对象之-Array ②ES5新增数组方法(例:map().indexO ...
findindex遍历 js_详解ES6数组方法find()、findIndex()的总结
本文主要讲解ES6数组方法find()与findIndex(),关于JS的更多数组方法,可参考以下: 1. find() 该方法主要应用于查找第一个符合条件的数组元素,即返回通过测试(函数内判断)的数 ...
es5的data语法_ES5与ES6数组方法总结
Array 对象属性 constructor 返回对创建此对象的数组函数的引用. length 设置或返回数组中元素的数目. prototype 使您有能力向对象添加属性和方法. 传统Array 对象 ...
34. 在排序数组中查找元素的第一个和最后一个位置
34. 在排序数组中查找元素的第一个和最后一个位置(两种方法记录) 法一(BP算法--使用双指针分别从前.后定位first index和last index),代码如下: class Solution ...
34. 在排序数组中查找元素的第一个和最后一个位置——二分法的魔鬼细节小记
每次遇到二分法,一看就会,一写就废,在力扣上看到一篇很好的总结,因此做一下搬运工参考题解--二分法各种情况及细节剖析,附送小诗一首场景包括寻找一个数.寻找左侧边界.寻找右侧边界. 而且,我们就是要 ...
算法----- 在排序数组中查找元素的第一个和最后一个位置
题目: 在排序数组中查找元素的第一个和最后一个位置给定一个按照升序排列的整数数组 nums,和一个目标值 target.找出给定目标值在数组中的开始位置和结束位置.你的算法时间复杂度必须是 O(log ...
python 在排序数组中查找元素的第一个和最后一个位置
在排序数组中查找元素的第一个和最后一个位置给定一个按照升序排列的整数数组 nums,和一个目标值 target.找出给定目标值在数组中的开始位置和结束位置.如果数组中不存在目标值 target,返回 ...
LeetCode (二分小专题)33搜索旋转排序数组34在排序数组中查找元素的第一个和最后一个位置35搜索插入位置
前言国庆前最后一次打卡,国庆后继续开启,公众号bigsai回复进群欢迎加入打卡,如有帮助记得点赞收藏. 近期打卡记录: LeetCode 32最长有效括号(困难) (本周) LeetCode 30串 ...
6、leetcode34 在排序数组中查找元素的第一个位置和最后一个位置**
leetcode34 在排序数组中查找元素的第一个位置和最后一个位置给定一个按照升序排列的整数数组 nums,和一个目标值 target.找出给定目标值在数组中的开始位置和结束位置. 如果数组中不存 ...

【ES6】数组方法--查找元素find()、findIndex()

【ES6】数组方法--查找元素find()、findIndex()相关推荐

最新文章

热门文章