js 试着实现filter函数

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;
 }

每天都努力一点点
谢谢你看完