js 数组方法的源码

Sam young

于 2023-05-16 10:33:24 发布

阅读量191

点赞数

文章标签： javascript 前端原型模式

本文链接：https://blog.csdn.net/young_sam/article/details/130680862

版权

map

Array.prototype.newMap = function(callback) {
 const result = []
 // this 指向的是数组本身
 for(let i=0;i<this.length;i++) {
 // 处理是稀疏数组的情况
   if(!this.hasOwnProperty(i)) {
     continue;
   }
   result.push(callback(this[i],i,this))
 }
 return reuslt
}

const array = [1,2,3]
const map = array.newMap((item)=> item*3)

filter

Array.prototype.newFilter = function(callback) {
 const result = []
 // this 指向的是数组本身
 for(let i=0;i<this.length;i++) {
 // 处理是稀疏数组的情况
   if(!this.hasOwnProperty(i)) {
     continue;
   }
   
   if(callback(this[i],i,this)) {
     result.push(this[i])
   }
 }
 return reuslt
}

const array = [1,2,3]
const filter = array.newFilter ((item)=> item>2)

find

Array.prototype.newFind = function(callback) {
 let result; 
 // this 指向的是数组本身
 for(let i=0;i<this.length;i++) {
 // 处理是稀疏数组的情况
   if(!this.hasOwnProperty(i)) {
     continue;
   }
   
   if(callback(this[i],i,this)) {
     result = this[i];
     break;
   }
 }
 return reuslt
}

const array = [1,2,3]
const filter = array.newFind((item)=> item>2)

every

Array.prototype.newEvery = function(callback) {
 let result = true
 // this 指向的是数组本身
 for(let i=0;i<this.length;i++) {
 // 处理是稀疏数组的情况
   if(!this.hasOwnProperty(i)) {
     continue;
   }
   
   if(!callback(this[i],i,this)) {
     result = false
     break;
   }
 }
 return reuslt
}

const array = [1,2,3]
const map = array.newEvery ((item)=> item>1)

some

Array.prototype.newSome = function(callback) {
 let result = false
 // this 指向的是数组本身
 for(let i=0;i<this.length;i++) {
 // 处理是稀疏数组的情况
   if(!this.hasOwnProperty(i)) {
     continue;
   }
   
   if(callback(this[i],i,this)) {
     result = true
     break;
   }
 }
 return reuslt
}

const array = [1,2,3]
const map = array.newSome ((item)=> item>1)