JavaScript

超轻量级php框架startmvc

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

更新时间:2020-10-01 01:00:02 作者:startmvc
本文实例讲述了JS数组方法push()、pop()用法。分享给大家供大家参考,具体如下:push()方法1.

本文实例讲述了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测试上述代码运行效果。

JS 数组方法 push() pop()