js中Array方法重寫(二):myForEach;myEvery;mySome;myFilter;myReduce

yuan發表於2019-02-16

一、myForEach

//myForeach    陣列每個元素都執行一次回撥函式
Array.prototype.myForEach = function(callback){
    for(var i = 0 ; i < this.length ; i++){
        var element = this[i];
        callback(element,i,this);
    }
}

二、myEvery

//myEvery    檢測數值元素的每個元素是否都符合條件
Array.prototype.myEvery = function(callback){
    for(var i = 0 ; i < this.length ; i++){
        var item = this[i];
        if(!callback(item,i,this)){
            return false;
        }    
    }
    return true;
}

三、mySome

//mySome    檢測陣列元素中是否有元素符合指定條件
Array.prototype.mySome = function(callback){
    for(var i = 0 ; i < this.length ; i++){
        var item = this[i];
        if(callback(item,i,this)){
            return true;
        }
        
    }
    return false;
}

四、myFilter

//myFilter    檢測數值元素,並返回符合條件所有元素的陣列
Array.prototype.myFilter = function(callback){
    for(var i = 0 ; i < this.length ; i++){
        var item = this[i];
        if(callback(item,i,this)){
            arr[temp] = item;
            temp++;
        }    
    }
    return arr;
}

五、myReduce

//myReduce    將陣列元素計算為一個值(從左到右)
Array.prototype.myReduce = function(callback,initialValue){
    var num = 0;
    if (initialValue != undefined) {
        total = initialValue;
    }else{
        total = this[0];
        num = 1;
    }

    for(i = num ; i < this.length ; i++){
        var item = this[i];
        total = callback(total,item,i,this);
        
    }
    return total;
}

以上回撥函式只是手寫簡化版,無法傳this引數,若有誤(或建議),請指正。 ^_^

相關文章