快捷導航

JS數(shù)組方法push()、pop()用法實例分析

更新時間：2020年01月18日 10:34:44 作者：林飛的夢囈

這篇文章主要介紹了JS數(shù)組方法push()、pop()用法,結(jié)合實例形式分析了JavaScript數(shù)組push()與pop()方法基本功能、原理、使用方法與操作注意事項,需要的朋友可以參考下

本文實例講述了JS數(shù)組方法push()、pop()用法。分享給大家供大家參考，具體如下：

push()方法

1. 定義：向數(shù)組的末尾添加一個或更多元素，并返回新的長度。
2. 語法： arr.push(element1, ..., elementN)
3. 參數(shù)：可以接收任意個數(shù)量的參數(shù)
4. 返回值：返回修改后數(shù)組的長度。

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"]

運行結(jié)果：

pop()方法

1. 定義：從數(shù)組末尾移除最后一項，減少數(shù)組的length值，并返回移除的項。
2. 語法： arr.pop()
3. 參數(shù)：/
4. 返回值：從數(shù)組中刪除的元素(當數(shù)組為空時返回undefined)。

var arr1 = [1, 2, 3, 4];
var arr2 = [];
Array.prototype.copyPop = function() {
  var result = null;
  if(this.length == 0) { //數(shù)組為空時返回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
// 數(shù)組為空時
console.log(arr2.length); // 0
console.log(arr2.copyPop()); // undefined
console.log(arr2); // []
console.log(arr2.length); // 0

運行結(jié)果：