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


Posted in Javascript onJanuary 18, 2020

本文实例讲述了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"]

运行结果:

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

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

运行结果:

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

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

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

Javascript 相关文章推荐
Prototype Function对象 学习
Jul 12 Javascript
JavaScript获取当前网页标题(title)的方法
Apr 03 Javascript
javascript日期比较方法实例分析
Jun 17 Javascript
localStorage的黑科技-js和css缓存机制
Feb 06 Javascript
BootStrap daterangepicker 双日历控件
Jun 02 Javascript
通过命令行生成vue项目框架的方法
Jul 12 Javascript
Vue自定义指令封装节流函数的方法示例
Jul 09 Javascript
JavaScript实现数组全排列、去重及求最大值算法示例
Jul 30 Javascript
跨域请求两种方法 jsonp和cors的实现
Nov 11 Javascript
vue 之 css module的使用方法
Dec 04 Javascript
jQuery.parseJSON()函数详解
Feb 28 jQuery
交互式可视化js库gojs使用介绍及技巧
Feb 18 Javascript
vue中使用WX-JSSDK的两种方法(推荐)
Jan 18 #Javascript
JS数组方法join()用法实例分析
Jan 18 #Javascript
JavaScript进制转换实现方法解析
Jan 18 #Javascript
js滚轮事件 js自定义滚动条的实现
Jan 18 #Javascript
vue实现扫码功能
Jan 17 #Javascript
js实现轮播图效果 z-index实现轮播图
Jan 17 #Javascript
js键盘事件实现人物的行走
Jan 17 #Javascript
You might like
两种php调用Java对象的方法
2006/10/09 PHP
如何在PHP中使用Oracle数据库(2)
2006/10/09 PHP
ThinkPHP独立分组使用的注意事项
2014/11/25 PHP
PHP实现递归无限级分类
2015/10/22 PHP
PHP单态模式简单用法示例
2016/11/16 PHP
PHP call_user_func和call_user_func_array函数的简单理解与应用分析
2019/11/25 PHP
PHP实现简单的计算器
2020/08/28 PHP
10个实用的脚本代码工具
2010/05/04 Javascript
juqery 学习之五 文档处理 包裹、替换、删除、复制
2011/02/11 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
2015/05/03 Javascript
Javascript基础知识盲点总结之函数
2016/05/15 Javascript
在JavaScript中模拟类(class)及类的继承关系
2016/05/20 Javascript
VUEJS实战之构建基础并渲染出列表(1)
2016/06/13 Javascript
AngularJS中一般函数参数传递用法分析
2016/11/22 Javascript
Node.js中使用mongoose操作mongodb数据库的方法
2017/09/12 Javascript
Vue页面跳转传递参数及接收方式
2020/09/09 Javascript
python根据出生日期获得年龄的方法
2015/03/31 Python
Python入门_浅谈逻辑判断与运算符
2017/05/16 Python
Flask解决跨域的问题示例代码
2018/02/12 Python
django settings.py 配置文件及介绍
2019/07/15 Python
python用线性回归预测股票价格的实现代码
2019/09/04 Python
python OpenCV GrabCut使用实例解析
2019/11/11 Python
python pycharm最新版本激活码(永久有效)附python安装教程
2020/09/18 Python
Python生成pdf目录书签的实例方法
2020/10/29 Python
基于Python实现天天酷跑功能
2021/01/06 Python
Giglio德国网上精品店:奢侈品服装和配件
2016/09/23 全球购物
美国领先的家庭智能音响系统品牌:Sonos
2018/07/20 全球购物
门卫岗位安全职责
2013/12/13 职场文书
索桥的故事教学反思
2014/02/06 职场文书
校运动会广播稿(100篇)
2014/09/12 职场文书
2015年大班保育员工作总结
2015/05/18 职场文书
研究生论文答辩开场白
2015/05/27 职场文书
大学军训通讯稿
2015/07/18 职场文书
Python实现智慧校园自动评教全新版
2021/06/18 Python
Centos7中MySQL数据库使用mysqldump进行每日自动备份的编写
2021/08/02 MySQL
python画条形图的具体代码
2022/04/20 Python