JavaScript数组push()与pop()方法详解

作者:闭包旅人

时间:2026-10-23

浏览:148

本文详细解析JavaScript中数组的push()和pop()方法。push()用于向数组末尾添加元素并返回新长度,支持多参数;pop()用于移除并返回数组最后一项,数组为空时返回undefined。通过具体代码示例展示了两个方法的语法、参数及返回值特性。

文章目录

本文通过具体示例介绍JavaScript数组中push()和pop()方法的使用方式,供开发者参考。

push()方法

1. 定义:该方法用于在数组末尾添加一个或多个元素,并返回修改后数组的新长度。 2. 语法:arr.push(element1, ..., elementN) 3. 参数:可接收任意数量的元素作为参数。 4. 返回值:返回添加元素后数组的最新长度。


var arr1 = [1, 2, 3, 4];
var arr2 = ["C", "B", "A"];
Array.prototype.copyPush = function() {
  for(var i = 0; i < arguments.length; i++) {
    this[this.length] = arguments[i];
  }
  return this.length;
};
console.log(arr1.push('A', 'B'));  // 6
console.log(arr1); // [1, 2, 3, 4, 'A', 'B']
console.log(arr2.push());  // 3
console.log(arr2); // ["C", "B", "A"]

运行结果:

push()方法

pop()方法

1. 定义:该方法从数组末尾移除最后一项,减少数组的length属性值,并返回被移除的元素。 2. 语法:arr.pop() 3. 参数:无。 4. 返回值:返回被删除的元素;若数组为空,则返回undefined。


var arr1 = [1, 2, 3, 4];
var arr2 = [];
Array.prototype.copyPop = function() {
  var result = null;
  if(this.length == 0) { //数组为空时返回undefined
    return undefined;
  }
  result = this[this.length - 1];
  this.length = this.length - 1;
  return result;
};
console.log(arr1.copyPop()); // 4
console.log(arr1); // [1, 2, 3]
console.log(arr1.length); // 3
// 数组为空时
console.log(arr2.length); // 0
console.log(arr2.copyPop()); // undefined
console.log(arr2); // []
console.log(arr2.length); // 0

运行结果:

push()方法

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript面向对象入门教程》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章