js filter find 使用及区别

JavaScript015

js filter find 使用及区别,第1张

相同点:使用语法相同  均不改变原数组

array.filter(function(value, index, arr),thisValue)

array.find(function(value, index, arr),thisValue)

value:必须  代表当前元素      index:可选  当前元素索引  

arr:可选 当前数组    thisValue:传递给函数的值,一般用this值,为空时undfined传给this

不同点:find 从数组中查找符合条件的第一个元素并返回。filter从数组中查找符合条件的所有元素并返回数组。

举例:

所以,当查找数组中符合条件的所有元素时用filter,查找数组中符合条件的第一个元素用find。

jsfind返回默认值x。jsfind参数为回调函数,回调函数可以接收3个参数,值x,索引i,数组arr,糊掉函数默认返回值x,先确定方法要传入的参数和返回的值,再通过原型定义,在Array的原型上添加自定的方法,验证是否达到预期效果。

function indexOf(arr,item){

if(!arr || !(arr instanceof Array) || !item) return -1

for(let i = 0i <arr.lengthi++){

if(arr[i] === item) return i

}

return -1

}