阅读 246

ES6 数组方法,源码

一、forEach

    arr.forEach(function(ele,index){
        ele指arr数组的每一位的值,index指数组每一位的索引值
    })

源码:
    
    Array.prototype.myForEach = function (func) {
        var len = this.length;
        for (var i;i < len;i++) {
            func(this[i],i)
        }
    }
复制代码

二、filter

    var newArr = arr.filter(function (ele, index) {
            ele指arr数组的每一位的值,index指数组每一位的索引值
            循环结果是true那么将 ele 赋值给 newArr
    })

源码:
    
    Array.prototype.myFilter = function (func) {
        var arr = [],
            len = this.length;
        for( var i; i < len; i++){
            if(func(this[i], i)){    //当回调函数执行的结果为true时,才push当前数组的值给返回的数组
                arr.push(this[i]);
            }
        }
        return newArr;
    }
复制代码

三、map

    var newArr = arr.map(function (ele, index) {
        //每次回调函数执行时,回调函数return的结果是什么,便push给newArr什么
    })
    
源码:

    Array.prototype.myMap = function (func) {
        var len = this.length,
            arr = [];
        for (var i; i < len; i++) {
            push(func(this[i], i))
      }
        return arr;
}
复制代码

四、reduce

    var newArr = arr.reduce(function (prevValue, ele, index)  {
            return prevValue + ele
            //第一次执行时prevValue等于FirstValue,当FirstValue没传入时,prevValue等于arr[0],同时index++
            //从第二次回调函数执行后prevValue等于上一次回调函数执行的结果,所以使用时要将函数的结果进行return
        },FirstValue)
    
源码:
    
    Array.prototype.myReduce = function (func, init) {
        var previous = init,
        len = this.length,
        i = 0;
        if (init == undefined) {
            previous = this[0];
            i = 1;
        }
        for (var i; i < len; i++) {
            previous = func(previous, this[i], i)
        }
        return previous;
    }复制代码