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程序设计有所帮助。
相关文章
这篇文章主要介绍了解析json数据的3种方式,需要的朋友可以参考下2014-05-05
这篇文章主要为大家详细介绍了微信小程序云开发如何使用云函数生成二维码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-05-05
本篇文章主要是对JS过滤url参数特殊字符的实现方法进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要为大家介绍了Cropper.js进阶之实现圆形头像裁剪功能示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
浅析使用BootStrap TreeView插件实现灵活配置快递模板
这篇文章主要介绍了使用bootstrap-treeview插件实现灵活配置快递模板的相关资料,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2016-11-11
这篇文章主要介绍了带你使用webpack快速构建web项目的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-11-11
js获取指定日期前后的日期，在实际应用中还是比较实用的，下面为大家简单介绍下具体的实现过程，有需要的朋友可以参考下2013-08-08
举例讲解JavaScript substring()的使用方法
这篇文章主要通过举例的方法讲解了javaScript substring()的用法，substring() 方法用于提取字符串中介于两个指定下标之间的字符，感兴趣的小伙伴们可以参考一下2015-11-11
tab选项卡效果就是当我指上或经过时就会显示这个选项卡下面的内容，下面我来给大家介绍一款纯js实现的TAB选项卡效果，有需要的朋友可以参考一下2013-08-08
微信小程序报错:does not have a method "xxxx" to ha
这篇文章主要给大家介绍了关于微信小程序报错:does not have a method "xxxx" to handle event "tap"的解决方案,文中将解决的办法介绍的非常详细,需要的朋友可以参考下2023-01-01
最新评论