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中的数学函数集合
May 08 Javascript
javascript new 需不需要继续使用
Jul 02 Javascript
JS简单操作select和dropdownlist实例
Nov 26 Javascript
JavaScript获得表单target属性的方法
Apr 02 Javascript
jQuery实现网页抖动的菜单抖动效果
Aug 07 Javascript
浅谈js函数三种定义方式 &amp; 四种调用方式 &amp; 调用顺序
Feb 19 Javascript
vue.js实现含搜索的多种复选框(附源码)
Mar 23 Javascript
JavaScript继承与多继承实例分析
May 26 Javascript
JS复杂判断的更优雅写法代码详解
Nov 07 Javascript
layui 阻止图片上传的实例(before方法)
Sep 26 Javascript
JS localStorage存储对象,sessionStorage存储数组对象操作示例
Feb 15 Javascript
微信小程序的引导页实现代码
Jun 24 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编程最快明白》第七讲:php图片验证码与缩略图
2010/11/01 PHP
PHP环形链表实现方法示例
2017/09/15 PHP
PHP实现模拟http请求的方法分析
2017/12/20 PHP
js格式化货币数据实现代码
2013/09/04 Javascript
javascript中typeof的使用示例
2013/12/19 Javascript
javascript:window.open弹出窗口的位置问题
2014/03/18 Javascript
基于jQuery实现左右图片轮播(原理通用)
2015/12/24 Javascript
JavaScript从数组的indexOf()深入之Object的Property机制
2016/05/11 Javascript
浅谈javascript中的加减时间
2016/07/12 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
2017/04/12 Javascript
Vue自定义toast组件的实例代码
2018/08/15 Javascript
浅谈angularJS2中的界面跳转方法
2018/08/31 Javascript
vue实现多条件和模糊搜索功能
2019/05/28 Javascript
js Math数学简单使用操作示例
2020/03/13 Javascript
Vue + ts实现轮播插件的示例
2020/11/10 Javascript
[02:53]DOTA2英雄基础教程 山岭巨人小小
2013/12/09 DOTA
python通过pil为png图片填充上背景颜色的方法
2015/03/17 Python
实例Python处理XML文件的方法
2015/08/31 Python
SVM基本概念及Python实现代码
2017/12/27 Python
python实现支付宝当面付(扫码支付)功能
2018/05/30 Python
Python爬虫将爬取的图片写入world文档的方法
2018/11/07 Python
python字典setdefault方法和get方法使用实例
2019/12/25 Python
Autopep8的使用(python自动编排工具)
2021/03/02 Python
Html5如何唤起百度地图App的方法
2019/01/27 HTML / CSS
高三地理教学反思
2014/01/11 职场文书
数学国培研修感言
2014/02/13 职场文书
助人为乐道德模范事迹材料
2014/08/16 职场文书
2014国庆节国旗下演讲稿(精选版)
2014/09/26 职场文书
企业财务总监岗位职责
2015/04/03 职场文书
食品药品安全责任书
2015/05/11 职场文书
暑期社会实践新闻稿
2015/07/17 职场文书
高一化学教学反思
2016/02/22 职场文书
适合毕业生创业的项目怎么找?
2019/08/08 职场文书
创业计划书之孕婴生活馆
2019/11/11 职场文书
Go 语言下基于Redis分布式锁的实现方式
2021/06/28 Golang
Android实现获取短信验证码并自动填充
2023/05/21 Java/Android