JS(七)数组API---数组方法重构(push、pop、shift、unshift)

这篇博客详细介绍了JavaScript中数组的四个基本操作方法:push()、pop()、shift()和unshift()。通过自定义函数展示了这些方法如何在数组末尾添加元素、删除并返回最后一个元素、删除并返回第一个元素以及在数组开头添加元素,并给出了实际的代码示例。这些方法对于理解和操作JavaScript数组至关重要。
摘要由CSDN通过智能技术生成

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

//push 最后添加一个或多个 返回新数组长度
Array.prototype.myPush=function(){
  for(var i=0;i<arguments.length;i++){
    // 最后的后一个位置添加
      this[this.length]=arguments[i]
  }
  return this.length
}
var arr=[1,2,3,4,5];
var result=arr.myPush('hello');
// 返回新数组长度
console.log(result);
console.log(arr);

pop() 方法用于删除数组的最后一个元素并返回删除的元素。

// pop删除最后一个 返回删除元素
Array.prototype.myPop = function(){
  if(this.length == ''){
    return undefined
  }else{
    //删除最后一个 this.length-1为最后一个
    var temp= this[this.length-1];
    this.length--;
    // 返回删除元素
    return temp;
    }
}
var arr = [1,2,3,4,5];
var result=arr.myPop();
// 返回删除元素
console.log(result)
// 返回新数组
console.log(arr)

 shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

// shift 开头删除第一个 返回删除元素
Array.prototype.myShift = function(){
  var result=this[0];//从头开始
  for(i=0;i<this.length;i++){
    this[i]=this[i+1]
  }
  this.length--;
  return result;
}
var arr = [1,2,3,4,5];
var result=arr.myShift();
// 返回删除元素
console.log(result)
// 返回删除后数组
console.log(arr);

unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。

// unshift 开头增加一个或多个 返回新数组长度
Array.prototype.myUnshift = function(){
  var result=this.length+arguments.length;
  for(var i=result;i>0;i--){
    if(i>arguments.length){
      // 原元素后移
      this[i-1]=this[i-1-arguments.length];
    }else{
      // 在开头新元素填空缺
      this[i-1]=arguments[i-1];
    }
  }
  return result;
}
var arr = [1,2,3];
var result=arr.myUnshift(33,44,55,'ww');
console.log(result)
console.log(arr);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值