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

ES6--数组实例的find()和findIndex()用法对比

数组实例的find() 用于找出第一个符合条件的数组元素。它的参数是一个回调函数，所有的数组元素一次遍历该回调函数，直到找出第一个返回值为true 的元素，然后返回该元素，否则返回 undefined

[1, 5, 10, 15].find(function(value, index, arr) {
		return value > 9;
})   // 10

从上面例子可以看到，回调函数接受三个参数，依次为当前的值， 当前的位置和原数组。
数组实例的findIndex()用法和find()非常类似，返回第一个符合条件的数组元素和位置，如果所以的元素都不符合条件，则返回 -1.

[1, 5, 10, 15].findIndex(function(value, index, arr) {
		return value > 9;
})   //2

 
 

 
 

这两个方法都可以接受第二个参数，用来绑定回调函数的this 对象

再贴一段代码

 var users = [
  {id: 1, name: '张三'}
  {id: 2, name: '张三'},
  {id: 3, name: '张三'},
  {id: 4, name: '张三'} 
]
Array.prototype.myFind = function (conditionFunc) {
for (var i = 0; i < this.length; i++) {
if (conditionFunc(this[i], i)) {
return this[i]
}
}
}

var ret = users.myFind(function (item, index) {
return item.id === 2
})

console.log(ret)