map、filter、forEach、reduce数组方法的封装

1、map方法的封装

​
Array.prototype.mapAlley = function(callback){
    //获取调用mapAlley这个方法的数组
    let arr = this;
    //获取this的指向，如果传递了就获取arguments中的第一个值 没有不存在则this仍然指向window
    let _this = arguments[1] || window;
    //因为mapAlley是不会操作原数组因此需要返回一个新的数组
    var newArr = []
​
    //遍历数据
    for(var i=0;i<arr.length;i++){
        //将callback的返回值添加到数组中去
        newArr.push(callback.call(_this,arr[i],i,arr))
    }
    return newArr;
}

 

2、filter方法的封装

Array.prototype.filterAlley = function(callback){
    //获取调用filter的数组
    let arr = this;
    //判断是否传递了第二个参数
    let _this = arguments[1] || window;
    //因为不会操作原数组因此需要返回一个新的数组
    let newArr = [];
​
​
​
    for(var i=0;i<arr.length;i++){
        //根据callback的返回值(true)来判断当前数据是否使用
        if(callback.call(_this,arr[i],i,arr)){
            newArr.push(arr[i])
        }
    }
    return newArr;
}
​

 

3、forEach方法的封装

Array.prototype.forEachAlley = function(callback){
    let arr = this;
    let _this = arguments[1] ||window;
​
    for(var i=0;i<arr.length;i++){
        callback.call(_this,arr[i],i,arr)
    }
}

 

4、reduce方法的封装及使用

Array.prototype.reduceAlley = function(callback,initVal){
    //获取数组
    var arr = this;
    //判断用户是否传递了初始值
    var isInitValFlag = false;
    //最终要返回的数据
    var prev;
​
​
    //如果用户传递了初始值 
    if(initVal){
        //则将初始值赋值给prev,并且将isInitValFlag更改为true
        prev = initVal;
        isInitValFlag = true;
    }
​
​
    for(var i=0;i<arr.length;i++){
        //判断初始值是否传递了  如果没有传值则将数组的第一个值定义为初始值
        if(isInitValFlag){
           prev = callback(prev,arr[i],i,arr);
        }else{
            prev = arr[i];
            isInitValFlag = true;
        }
    }
​
    return prev;
}

判断数组中的最大值

var arr = [1,2,3,4,5];
​
arr.reduce((prev,curr)=>{
    return Math.max(prev,curr)
})

实现扁平化数组

var arr = [[1,2],[3,4],[5,6,[7,8]]] 
​
function mapArr(arr){
   return arr.reduce((prev,curr)=>{
        return prev.concat(Array.isArray(curr)?mapArr(curr):curr)
    },[])
}

如何获取url地址中的参数

var url = "http://www.baidu.com?name=alley&age=19";
​
var str = url.slice(url.indexOf("?")+1);
​
str.split("&").reduce(function(prev,curr){
    var key = curr.split("=")[0];
    var val = curr.split("=")[1];
​
    prev[key] = val;
    return prev
},{})