ES5 Array 映射过滤汇总 源码实现 ( map / filter / reduce ) 面试必备

ES5 Array 映射/过滤/汇总 源码实现 ( map/filter/reduce ) 面试必备

一 映射 (map)

1.1 代码实现

function ArrMap(arr, fun){
     // fun(item, i, arr) return itemAfter
     let res = [];
     for(let i = 0; i < arr.length; i++){
          res.push(fun(arr[i], i, arr));
     }
     return res;
}

1.2 函数调用

let ArrMapRes = ArrMap([1,2,3], function(item, i, arr){
    return item + 1;
})
console.log('MAP', ArrMapRes)

1.3 运行结果

MAP (3) [2, 3, 4]

二 过滤 (filter)

1.1 代码实现

function ArrFilter(arr, fun){
    let res = [];
    for(let i = 0; i < arr.length; i++){
        if(fun(arr[i], i, arr)){
              res.push(arr[i]);
        }
    };
    return res;
}

1.2 函数调用

let ArrFilterRes = ArrFilter([0,1,0,0,1],function(item){
    return item;
});
console.log('ArrFilterRes', ArrFilterRes);

1.3 运行结果

ArrFilterRes (2) [1, 1]

三 汇总 (reduce)

1.1 代码实现

function ArrReduce(arr,fun, baseNum){
    // fun为一个函数 参数有 baseNum item arr 返回新的baseNum
    // 调用fun n次 输出最终的baseNum
    for(let i = 0; i < arr.length; i++){
        baseNum = fun(baseNum,arr[i],arr);
    }
    return baseNum;
}

1.2 函数调用

let res = ArrReduce([1,2,3],function(baseNum,item,arr){
    baseNum += item;
    return baseNum;
},0);
console.log('REDUCE', res);

1.3 运行结果

REDUCE 6