脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS数组方法push()、pop()

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

 更新时间：2020年01月18日 10:34:44   作者：林飞的梦呓  
这篇文章主要介绍了JS数组方法push()、pop()用法,结合实例形式分析了JavaScript数组push()与pop()方法基本功能、原理、使用方法与操作注意事项,需要的朋友可以参考下

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

运行结果：

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

运行结果：

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

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript面向对象入门教程》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

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

您可能感兴趣的文章:

相关文章

  • js中获取事件对象的方法小结

    js中获取事件对象的方法小结

    事件对象 的获取很简单，很久前我们就知道IE中事件对象是作为全局对象( window.event )存在的，Firefox中则是做为句柄( handler )的第一个参数传入内的。所以一行代码就可以搞定
    2011-03-03
  • 用JS实现简单的屏幕录像机功能

    用JS实现简单的屏幕录像机功能

    这篇文章主要给大家介绍了如何用JS实现简单的屏幕录像机,文中通过代码示例给大家介绍的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下
    2023-12-12
  • Javascript的常规数组和关联数组对比小结

    Javascript的常规数组和关联数组对比小结

    关联数组虽然可以用字符串作下标，但是这个下标是不支持参数传值的，换言之，你需要什么就取什么，听起来很智能，实际上你取值仍然需要你手动去写下标的
    2012-05-05
  • js实现无缝循环滚动

    js实现无缝循环滚动

    这篇文章主要为大家详细介绍了js实现无缝循环滚动的具体代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-08-08
  • 微信小程序实现评论功能

    微信小程序实现评论功能

    这篇文章主要为大家详细介绍了微信小程序实现评论功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-11-11
  • JS实现动态加载样式和脚本

    JS实现动态加载样式和脚本

    在前端开发的过程中,不可避免的需要根据前置条件动态加载样式和脚本文件,本文小编就来简单为大家介绍一下实现一下动态加载样式和脚本文件的方法吧
    2023-09-09
  • JS带你深入领略Proxy的世界

    JS带你深入领略Proxy的世界

    Proxy是es2015 标准规范加入的语法，很可能你只是听说过，但并没有用过，毕竟考虑到兼容的问题，不能轻易地使用Proxy特性。但现在随着各个浏览器的更新迭代，Proxy的支持度也越来越高：而且使用Proxy进行代理和劫持，也渐渐成为了趋势。
    2021-05-05
  • 使用 JScript 创建 .exe 或 .dll 文件的方法

    使用 JScript 创建 .exe 或 .dll 文件的方法

    JScript 是由微软开发的活动脚本语言，基于 ECMAScript 规范实现。Internet Explorer 中的 JavaScript，实际上是指 JScript。
    2011-07-07
  • js实现二级联动简单实例

    js实现二级联动简单实例

    这篇文章主要为大家详细介绍了js实现二级联动简单实例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-01-01
  • json_decode 索引为数字时自动排序问题解决方法

    json_decode 索引为数字时自动排序问题解决方法

    这篇文章主要介绍了使用son_encode 给前端返回数据，结果顺序不对，经debug调试，发现是json_encode 函数的问题,变成 " " + 数字即可,需要的朋友可以参考下
    2020-03-03

最新评论