最全JavaScript的数组迭代方法的重构

迭代方法中没有第二个参数this指向全局对象 node里面是global html文档中指向window //有第二个参数this指向第二个参数,第二个参数可以是任意数据

1.every(function(item,index,arr){},this对象) 

​    1.第一个参数在数组中的每个元素都会执行到的函数，固定的

​    2.第二个参数是前面function内的this指向-- 第二个参数任意数据类型,传什么都可以

​    3.判断数组元素是否都满足某一条件,一项不满足直接跳出当前判断,符合短路原则

Array.prototype.myEvery=function(fun,obj){
        for(var i=0;i<this.length;i++){
            if(!(obj?fun.bind(obj)(this[i]):fun(this[i]))){
            return false
            } //如果有第二个参数，需要修改this指向
            //if(!fun(this[i])){
            //    return false
            //} ---没有第二个参数的逻辑操作
        }
        return true
    };
    var arr=[1,2,3,4,5];
    var result=arr.myEvery(function(item,index,arr){
        console.log(this) //有第二个参数,this指向第二个参数
        return item>1  //一项条件不满足 直接返回false
    },{name:'zhangsan'}) //第二个参数可以是任意数据类型)
    console.log(result)

2.some(function(item,index,arr){},this对象)第一个参数在数组中的每个元素都会执行到的函数，

​    1.第二个参数是前面function内的this指向-- 

​    2.判断数组元素是否有一个满足条件,一项满足，跳出判断，返回true符合短路原则

Array.prototype.mySome=function(fun,obj){
    for(var i=0;i<this.length;i++){
        if((obj?fun.bind(obj)(this[i]):fun(this[i]))){
            return true
        }
    }
        return false
    };
    var arr=[1,2,3,4,5];
    var result=arr.mySome(function(item,index,arr){
        console.log(this) //有第二个参数,this指向第二个参数；这里this打印两次,首先没有执行条件前，打印了一次，后面数组项1不满足条件再打印一次，数组项2满足条件直接跳出判断不打印
        return item>1  //一项满足 直接返回true
    },{name:'zhangsan'}) //第二个参数可以是任意数据类型)

 3.filter(function(item,index,arr){},this对象) 过滤出满足某一条件的元素，组成新的数组

Array.prototype.myFilter=function(fun,obj){
    var result=[];
    for(i=0;i<this.length;i++){
        if(obj?fun.bind(obj)(this[i]):fun(this[i])){
            result.push(this[i])
        }
    }
        return result
    }   

    var arr=[1,2,3,4,5];
    var result=arr.myFilter(function(item,index,arr){
        console.log(this)//global  //obj //打印五次
        return item>2 
    },{name:'zhangsan'})
    console.log(result)

4.map(function(item,index,arr){},this对象) 映射出元素的某一部分，组成新数组

Array.prototype.myMap = function (fun, obj) {
    var result = [];
    for (i = 0; i < this.length; i++) {
        //obj?test():test2()
        result.push(obj ? fun.bind(obj)(this[i]) : fun(this[i]))
    }
    return result
    }
    var arr = [1, 2, 3, 4, 5];
    var result = arr.myMap(function (item, index, arr) {
        console.log(this)//没有第二个参数this指向全局对象node 里面是global html文档中指向window  //有第二个参数this指向第二个参数
        return item + 1
    }, { name: 'zhangsan' })
    console.log(result)

 5.forEach(function(item,index,arr){},this对象)遍历数组

Array.prototype.myForEach=function(fun){
    for(var i=0;i<this.length;i++){
        fun(this[i],i,this)
    }
}
var arr=[1,2,3];
var result=arr.myForEach(function(item,index,arr){
    console.log(item,index,arr)
});
console.log(result);