主页 / 网络编程 /

JS数组方法push()、pop()用法实例分析

网络编程 2021-07-04 15:02www.168986.cn编程入门
这篇文章主要介绍了JS数组方法push()、pop()用法,结合实例形式分析了JavaScript数组push()与pop()方法基本功能、原理、使用方法与操作注意事项,需要的朋友可以参考下

本文实例讲述了JS数组方法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"]

运行结果

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

运行结果

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具测试上述代码运行效果。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题《》、《》、《》、《》、《》及《》

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

上一篇：JavaScript实现滑动门效果 下一篇：vue中使用WX-JSSDK的两种方法(推荐)

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by