JS自定义数组方法(简单运算类)

本文详细介绍了如何在JavaScript中自定义实现数组的forEach、map、filter、reduce、every和some方法,深入理解这些基本操作对于提升前端开发能力至关重要。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、自定义forEach

Array.prototype.myForEach = function(callback) {
    for(let i=0;i<this.length;i++){
        callback(this[i],i,this)
   }
}
const arr1=[1,2,3]
arr1.myForEach((item, index,data)=>{
  console.log(item)
  console.log(index)
  console.log(data); 
})

二、自定义map方法

Array.prototype.myMap = function(callback) {
    const arr=[]
    for(let i=0;i<this.length;i++){
        const  res=callback(this[i],i,this)
        arr.push(res)
   }
   return arr
}
const arr1=[1,2,3]
const arr2=arr1.myMap((item, index,data)=>{
  console.log(item)
  console.log(index)
  console.log(data); 
  return item+'hhhhhhh'
})
console.log(arr2);

三、自定义filter方法

Array.prototype.myFilter = function(callback) {
    const arr=[]
    for(let i=0;i<this.length;i++){
        const  res=callback(this[i],i,this)
        if(res){
            arr.push(this[i])
        }
   }
   return arr
}
const arr1=[1,2,3]
const arr2=arr1.myFilter((item, index,data)=>item!==3)
console.log(arr2);

四、自定义reduce方法

Array.prototype.myReduce = function(callback,total) {
    for(let i=0;i<this.length;i++){
        const res=callback(total,this[i],i)
        total=res
   }
   return total
}
const arr1=[1,6,3]
const arr2=arr1.myReduce((prev, cur,index)=>{
    return prev+cur
},0)
console.log(arr2);

五、自定义every方法

Array.prototype.myEvery = function(callback) {
    for(let i=0;i<this.length;i++){
        const res=callback(this[i],i,this)
        if(!res){
            return false
        }
   }
   return true
}
const arr1=[1,6,3]
const arr2=arr1.myEvery((curr,index,arr)=>{
    return index>0
})
console.log(arr2);

六、自定义some方法

Array.prototype.myEvery = function(callback) {
    for(let i=0;i<this.length;i++){
        const res=callback(this[i],i,this)
        if(res) return true
   }
   return false
}
const arr1=[1,6,3]
const arr2=arr1.myEvery((curr,index,arr)=>{
    return index>1
})
console.log(arr2);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值