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 相关文章推荐
JavaScript 变量作用域分析
Jul 04 Javascript
JavaScript输出当前时间Unix时间戳的方法
Apr 06 Javascript
详解AngularJS的通信机制
Jun 18 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
May 27 Javascript
jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
Jun 02 Javascript
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
Oct 21 Javascript
easyui messager alert 三秒后自动关闭提示的实例
Nov 07 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
Aug 25 Javascript
简单了解vue中的v-if和v-show的区别
Oct 08 Javascript
vue 实现 rem 布局或vw 布局的方法
Nov 13 Javascript
Jquery Datatables的使用详解
Jan 30 jQuery
JS实现可以用键盘方向键控制的动画
Dec 11 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 裁剪图片成固定大小代码方法
2009/09/09 PHP
php visitFile()遍历指定文件夹函数
2010/08/21 PHP
openflashchart 2.0 简单案例php版
2012/05/21 PHP
PHP+Mysql+Ajax+JS实现省市区三级联动
2014/05/23 PHP
thinkphp中空模板与空模块的用法实例
2014/11/26 PHP
表单内同名元素的控制
2006/11/22 Javascript
解决FLASH需要点击激活的代码
2006/12/20 Javascript
javascript:void(0)使用探讨
2013/08/27 Javascript
js实现百度联盟中一款不错的图片切换效果完整实例
2015/03/04 Javascript
jquery实现的Accordion折叠面板效果代码
2015/09/02 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
2016/02/23 Javascript
Jquery元素追加和删除的实现方法
2016/05/24 Javascript
微信小程序 自定义对话框实例详解
2017/01/20 Javascript
Ajax验证用户名或昵称是否已被注册
2017/04/05 Javascript
浅谈Node.js轻量级Web框架Express4.x使用指南
2017/05/03 Javascript
angular 用拦截器统一处理http请求和响应的方法
2017/06/08 Javascript
Vue学习笔记进阶篇之vue-cli安装及介绍
2017/07/18 Javascript
如何封装了一个vue移动端下拉加载下一页数据的组件
2019/01/06 Javascript
详解vue2.6插槽更新v-slot用法总结
2019/03/09 Javascript
深入浅析nuxt.js基于ssh的vue通用框架
2019/05/21 Javascript
详解使用mocha对webpack打包的项目进行&quot;冒烟测试&quot;的大致流程
2020/04/27 Javascript
原生JS实现微信通讯录
2020/06/18 Javascript
vue配置多代理服务接口地址操作
2020/09/08 Javascript
Python基于smtplib实现异步发送邮件服务
2015/05/28 Python
深入理解python中的atexit模块
2017/03/07 Python
解决pyinstaller打包pyqt5的问题
2019/01/08 Python
Python向excel中写入数据的方法
2019/05/05 Python
python里 super类的工作原理详解
2019/06/19 Python
美国女性运动零售品牌:Lady Foot Locker
2017/05/12 全球购物
舒适的豪华鞋:Taryn Rose
2018/05/03 全球购物
岗位标兵事迹材料
2014/05/17 职场文书
工作说明书格式
2014/07/29 职场文书
党的作风建设心得体会
2014/10/22 职场文书
2014年关工委工作总结
2014/11/17 职场文书
担保书范文
2019/07/09 职场文书
话题作文之财富(600字)
2019/12/03 职场文书