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 相关文章推荐
JS设置下拉列表框当前所选值的方法
Dec 22 Javascript
Bootstrap入门书籍之(五)导航条、分页导航
Feb 17 Javascript
微信小程序 教程之小程序配置
Oct 17 Javascript
js实现漫天星星效果
Jan 19 Javascript
Bootstrap进度条与AJAX后端数据传递结合使用实例详解
Apr 23 Javascript
React Native之ListView实现九宫格效果的示例
Aug 02 Javascript
js 中rewrap-ajax.js插件实例代码
Oct 20 Javascript
代码分析vue中如何配置less
Sep 28 Javascript
iview tabs 顶部导航栏和模块切换栏的示例代码
Mar 04 Javascript
Mpvue中使用Vant Weapp组件库的方法步骤
May 16 Javascript
node.js中fs文件系统模块的使用方法实例详解
Feb 13 Javascript
node中使用shell脚本的方法步骤
Mar 23 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 empty()与isset()区别的详细介绍
2013/06/17 PHP
thinkPHP中volist标签用法示例
2016/12/06 PHP
php+mysql+jquery实现简易的检索自动补全提示功能
2017/04/15 PHP
PHP封装的XML简单操作类完整实例
2017/11/13 PHP
jquery做的一个简单的屏幕锁定提示框
2014/03/26 Javascript
JavaScript极简入门教程(三):数组
2014/10/25 Javascript
jQuery中clearQueue()方法用法实例
2014/12/29 Javascript
vue-cli 使用axios的操作方法及整合axios的多种方法
2018/09/12 Javascript
总结javascript三元运算符知识点
2018/09/28 Javascript
js滚轮事件 js自定义滚动条的实现
2020/01/18 Javascript
js中!和!!的区别与用法
2020/05/09 Javascript
vue中封装axios并实现api接口的统一管理
2020/12/25 Vue.js
[38:30]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第一场2
2014/05/24 DOTA
[15:35]教你分分钟做大人:天怒法师
2014/10/30 DOTA
[03:07]【DOTA2亚洲邀请赛】我们,梦开始的地方
2017/03/07 DOTA
[04:22]DOTA2大事件之护国神翼
2020/08/14 DOTA
[01:00:49]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第二场 1月31日
2021/03/11 DOTA
Python实现的一个简单LRU cache
2014/09/26 Python
详解Python编程中对Monkey Patch猴子补丁开发方式的运用
2016/05/27 Python
Python处理中文标点符号大集合
2018/05/14 Python
Python 2/3下处理cjk编码的zip文件的方法
2019/04/26 Python
Python中请不要再用re.compile了
2019/06/30 Python
python通过opencv实现图片裁剪原理解析
2020/01/19 Python
基于Python-Pycharm实现的猴子摘桃小游戏(源代码)
2021/02/20 Python
css3新单位vw、vh的使用教程
2018/03/23 HTML / CSS
Belstaff英国官方在线商店:Belstaff.co.uk
2021/02/09 全球购物
杭州-DOTNET笔试题集
2013/09/25 面试题
《木笛》教学反思
2014/03/01 职场文书
小学绿色学校申报材料
2014/08/23 职场文书
志愿者爱心公益活动策划方案
2014/09/15 职场文书
学校联谊协议书
2014/09/16 职场文书
2015年中秋节主持词
2015/07/30 职场文书
上帝为你开了一扇窗之Tkinter常用函数详解
2021/06/02 Python
JavaScript中的LHS和RHS分析详情
2022/04/06 Javascript
Java 异步任务计算FutureTask
2022/04/28 Java/Android
oracle delete误删除表数据后如何恢复
2022/06/28 Oracle