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


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


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./code/HtmlJsRun测试上述代码运行效果。在线HTML/CSS/JavaScript代码运行工具在线HTML/CSS/JavaScript代码运行工具http://tools./code/HtmlJsRun关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript面向对象入门教程》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》JavaScript数组操作技巧总结JavaScript遍历算法与技巧总结javascript面向对象入门教程JavaScript数学运算用法总结JavaScript数据结构与算法技巧总结JavaScript错误与调试技巧总结希望本文所述对大家JavaScript程序设计有所帮助。