数组方法重构(2)

本文介绍了JavaScript中数组的四个方法:every、some、map和filter的自定义实现。every方法检查所有元素是否都满足条件,some方法检查是否存在至少一个元素满足条件,map方法对数组元素进行映射操作并返回新数组,filter方法过滤出符合条件的元素生成新数组。每个方法的实现都考虑了可选的上下文对象参数。
摘要由CSDN通过智能技术生成

(1)myEvery 如果有不满足的直接返回false,不再继续往后判断。如果全部满足,返回true

重构:

Array.prototype.myEvery=function(fun,obj){
    for(var i=0;i<this.length;i++){
        //判断是否有obj参数
        if(!(obj?fun.bind(obj)(this[i]):fun(this[i]))){
            return false
            }
            return true
    }
};
var arr=[1,2,3,4,5];
var result=arr.myEvery(function(item,index,arr){
//有第二个参数,this指向第二个参数
    console.log(this)
//一项条件不满足 直接返回false
    return item>1


},{name:'zhangsan'})//第二个参数obj可以为任意数据类型,本案例为name:'zhansan'
console.log(result)

结果:

{ name: 'zhangsan' }
false

(2)mysome 如果有一项满足直接返回true,不再往后判断,直接返回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 flase

};
var arr=[1,2,3,4,5];
var result=arr.mySome(function(item,index,arr){
//有第二个参数,this指向第二个参数;这里this打印两次,首先没有执行条件前,打印了一次,后面数组项1不满足条件再打印一次,数组项2满足条件直接跳出判断不打印
console.log(this)
//有一项满足则返回true
return item>1
},{name:'zhangsan'})
//{name:'zhangsan'}为第二个参数obj
console.log(result)

结果:

{ name: 'zhangsan' }
{ name: 'zhangsan' }
true

(3)myMap 映射 对每一项数组项进行操作,返回的是操作后的一个新数组

重构:

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)

结果:

{ name: 'zhangsan' }
{ name: 'zhangsan' }
{ name: 'zhangsan' }
{ name: 'zhangsan' }
{ name: 'zhangsan' }
[ 2, 3, 4, 5, 6 ]

(4)myFilte返回一个新数组,把符合条件的每一项添加到新数组

重构:

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)

结果:

{ name: 'zhangsan' }
{ name: 'zhangsan' }
{ name: 'zhangsan' }
{ name: 'zhangsan' }
{ name: 'zhangsan' }
[ 3, 4, 5 ]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值