JS陣列方法push()、pop()用法例項分析
阿新 • • 發佈:2020-01-18
本文例項講述了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程式設計有所幫助。