filter函数用来过滤数组
1.下面利用ES5提供的filter函数实现找出数组中的所有偶数
let arr = [1, 2, 3, 4, 5, 6, 7, 8];
let result = [];
/*直接用filter方法,实现找出数组中的所有偶数*/
result = arr.filter(function (curr, index) {
return curr % 2 === 0;
});
//result :[2,4,6,8]
可是明明执行完return 语句后,function函数就结束,那结果就只有[2]
.但事实是还能继续过滤数组元素,得到[2,4,6,8]
2.带着问题,我阅读了filter的源码,并自己试着实现,实现代码如下
let arr = [1, 2, 3, 4, 5, 6, 7, 8];
let result = [];
Array.prototype.filter = function (f) {
for (let i = 0; i < arr.length; i++) {
//对数组的每一个元素调用函数:f
if (f(arr[i])) {
//表明是偶数
result.push(arr[i]);
}
}
return result;
};
console.log(arr.filter(function(ele){
return ele%2 === 0;
})); //[2,4,6,8]
看到这里,我刚提的问题不攻自破,原来数组的每个元素都会调用filter里的callback函数,callback函数对应上面的代码就是
function(ele){
return ele%2 === 0;
}
每天都努力一点点
谢谢你看完