1. 程式人生 > 程式設計 >JS陣列方法push()、pop()用法例項分析

JS陣列方法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,4,'A','B']
console.log(arr2.push());  // 3
console.log(arr2); // ["C","A"]

執行結果:

pop()方法

1. 定義:從陣列末尾移除最後一項,減少陣列的length值,並返回移除的項。
2. 語法: arr.pop()
3. 引數:/
4. 返回值:從陣列中刪除的元素(當陣列為空時返回undefined)。

var arr1 = [1,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,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程式設計有所幫助。