JavaScript - 重构数组方法

1、重构pop方法

Array.prototype.myPop = function () {
  if (this.length > 0) {
    var last = this[this.length - 1];
    this.length--;
    return last;
  }else{
    return undefined
  }
};
var arr = [1,2,3,4,5];
var res = arr.myPop();//myPop方法被arr调用 方法内部this指向arr
console.log(res, arr);

2、重构push方法

Array.prototype.myPush = function(){
  // arr[arr.length] 将新增数组元素添加给原数组元素最后一项下一项
  // 循环遍历实际参数 'tom' 'jack'
  for(var i=0;i<arguments.length;i++){
    // 将每一个实际参数依次从末尾添加给原数组 
    this[this.length] = arguments[i]
  }
  return this.length
} 
var arr = [1,2,3,4];
var res = arr.myPush('tom','jack');
console.log(res,arr)

3、重构shift方法

Array.prototype.myShift = function(){
  // 返回第一项 
  var first = this[0];
  for(var i=0;i<this.length;i++){
    // 将后面的数组元素往前移动一项
    this[i] = this[i+1]
  }
  this.length--;
  return first
}
var arr = [1,2,3,4,5];
var res = arr.myShift();
console.log(res,arr);

4、重构unshift方法

Array.prototype.myUnshift = function(){
  // 获取新数组长度 
  var length = this.length + arguments.length;
  // 将原数组元素向后移动arguments.length位 
  for(var i = length-1;i>=0;i--){
    // 当i等于arguments.length-1 原数组元素移动完成
    if(i>arguments.length-1){
      this[i] = this[i-arguments.length]
    }else{
      this[i] = arguments[i]
    }
  }
  // 新数组下标i为auguments.length-1 
  // 返回新数组长度
  return length
}
var arr = [1,2,3,4,5];
var res = arr.myUnshift('tom','larry','hello');
console.log(res,arr);

5、重构forEach方法

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

6、重构every方法

Array.prototype.myEvery = function(callback){
  for(var i=0;i<arr.length;i++){
    // 把函数调用当作条件的判断
    if(!callback(arr[i],i,arr)){
      return false
    }
  }
  return true
}
var arr = [1,2,3,4,5];
var res = arr.myEvery(function(item,index,arr){
  return item>1
});
console.log(res,arr);

7、重构some方法

Array.prototype.mySome = function(callback){
  for(var i=0;i<arr.length;i++){
    // 只要有一个满足条件 直接返回true
    if(callback(arr[i],i,arr)){
      return true
    }
  }
  return false
}
var arr = [1,2,3,4,5];
var res = arr.mySome(function(item,index,arr){
  return item > 5
});
console.log(arr,res);

8、重构filter方法

Array.prototype.myFilter = function(callback){
  var newArr = [];
  for(var i=0;i<arr.length;i++){
    if(callback(arr[i],i,arr)){
      // newArr.push(arr[i])
      newArr[newArr.length] = arr[i]
    }
  }
  return newArr
}
var arr = [1,2,3,4,5];
var res = arr.myFilter(function(item,index,arr){
  return item>4
});
console.log(res,arr);

9、重构map方法

Array.prototype.myMap = function(callback){
  var newArr = [];
  for(var i=0;i<arr.length;i++){
    newArr[newArr.length] = callback(arr[i],i,arr)
  }
  return newArr
};
var arr = [1,2,3,4,5];
var res = arr.myMap(function(item,index,arr){
  return item + 5
});
console.log(res,arr)