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 相关文章推荐
用JQuery模仿淘宝的图片放大镜显示效果
Sep 15 Javascript
js 函数调用模式小结
Dec 26 Javascript
基于jQuery选择器的整理集合
Apr 26 Javascript
JAVASCRIPT函数作用域和提前声明 分享
Aug 22 Javascript
用JavaScript实现PHP的urlencode与urldecode函数
Aug 13 Javascript
JavaScript 2048 游戏实例代码(简单易懂)
Mar 25 Javascript
jquery.Callbacks的实现详解
Nov 30 Javascript
在js代码拼接dom对象到页面上去的模板总结(必看)
Feb 14 Javascript
vue组件编写之todolist组件实例详解
Jan 22 Javascript
使用原生js编写一个简单的框选功能方法
May 13 Javascript
JavaScript实现随机五位数验证码
Sep 27 Javascript
Vue 实例中使用$refs的注意事项
Jan 29 Vue.js
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网站在线人数统计
2008/04/09 PHP
php查看session内容的函数
2008/08/27 PHP
PHP 日期加减的类,很不错
2009/10/10 PHP
PHP实现自动识别Restful API的返回内容类型
2015/02/07 PHP
php similar_text()函数的定义和用法
2016/05/12 PHP
Laravel 实现在Blade模版中使用全局变量代替路径的例子
2019/10/22 PHP
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
2013/09/25 Javascript
js动态添加表格数据使用insertRow和insertCell实现
2014/05/22 Javascript
jQuery新的事件绑定机制on()示例应用
2014/07/18 Javascript
javascript多行字符串的简单实现方式
2015/05/04 Javascript
javascript框架设计之浏览器的嗅探和特征侦测
2015/06/23 Javascript
JavaScript实现设计模式中的单例模式的一些技巧总结
2016/05/17 Javascript
bootstrap Table服务端处理分页(后台是.net)
2017/10/19 Javascript
vue-router动态设置页面title的实例讲解
2018/08/30 Javascript
bootstrap table合并行数据并居中对齐效果
2018/10/17 Javascript
vue动态子组件的两种实现方式
2019/09/01 Javascript
原生javascript中this几种常见用法总结
2020/02/24 Javascript
JavaScript对象字面量和构造函数原理与用法详解
2020/04/18 Javascript
js HTML DOM EventListener功能与用法实例分析
2020/04/27 Javascript
微信小程序换肤功能实现代码(思路详解)
2020/08/25 Javascript
vue自定义指令和动态路由实现权限控制
2020/08/28 Javascript
PHP 502bad gateway原因及解决方案
2020/11/13 Javascript
详解python之协程gevent模块
2018/06/14 Python
python将字符串以utf-8格式保存在txt文件中的方法
2018/10/30 Python
Python3 max()函数基础用法
2019/02/19 Python
numpy:找到指定元素的索引示例
2019/11/26 Python
利用pandas将非数值数据转换成数值的方式
2019/12/18 Python
用html5的canvas画布绘制贝塞尔曲线完整代码
2013/08/14 HTML / CSS
HTML5 Canvas中绘制椭圆的4种方法
2015/04/24 HTML / CSS
中国高端家电购物商城:顺电
2018/03/04 全球购物
现代生活方式的家具和装饰:Dot & Bo
2018/12/26 全球购物
动漫专业高职生职业生涯规划书
2014/02/15 职场文书
经济担保书范文
2014/04/02 职场文书
小区门卫的岗位职责
2014/09/26 职场文书
教学副校长工作总结
2015/08/13 职场文书
MySQL分区表实现按月份归类
2021/11/01 MySQL