【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() 用法基本一致, 区别在于, 前者查找的是元素值本身, 后者查找的是元素索引。共同点–查找的都是第一个符合条件的元素