JS數(shù)組方法push()、pop()用法實(shí)例分析
本文實(shí)例講述了JS數(shù)組方法push()、pop()用法。分享給大家供大家參考，具體如下：
push()方法
1. 定義：向數(shù)組的末尾添加一個(gè)或更多元素，并返回新的長度。
2. 語法： arr.push(element1, ..., elementN)
3. 參數(shù)：可以接收任意個(gè)數(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"]
運(yùn)行結(jié)果：
pop()方法
1. 定義：從數(shù)組末尾移除最后一項(xiàng)，減少數(shù)組的length值，并返回移除的項(xiàng)。
2. 語法： arr.pop()
3. 參數(shù)：/
4. 返回值：從數(shù)組中刪除的元素(當(dāng)數(shù)組為空時(shí)返回undefined)。
var arr1 = [1, 2, 3, 4];
var arr2 = [];
Array.prototype.copyPop = function() {
var result = null;
if(this.length == 0) { //數(shù)組為空時(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ù)組為空時(shí)
console.log(arr2.length); // 0
console.log(arr2.copyPop()); // undefined
console.log(arr2); // []
console.log(arr2.length); // 0
運(yùn)行結(jié)果：
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《javascript面向?qū)ο笕腴T教程》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
javascript解析json數(shù)據(jù)的3種方式
這篇文章主要介紹了解析json數(shù)據(jù)的3種方式,需要的朋友可以參考下2014-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序云開發(fā)如何使用云函數(shù)生成二維碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
JS過濾url參數(shù)特殊字符的實(shí)現(xiàn)方法
本篇文章主要是對(duì)JS過濾url參數(shù)特殊字符的實(shí)現(xiàn)方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
Cropper.js進(jìn)階之實(shí)現(xiàn)圓形頭像裁剪功能示例
這篇文章主要為大家介紹了Cropper.js進(jìn)階之實(shí)現(xiàn)圓形頭像裁剪功能示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
淺析使用BootStrap TreeView插件實(shí)現(xiàn)靈活配置快遞模板
這篇文章主要介紹了使用bootstrap-treeview插件實(shí)現(xiàn)靈活配置快遞模板的相關(guān)資料,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2016-11-11
帶你使用webpack快速構(gòu)建web項(xiàng)目的方法
這篇文章主要介紹了帶你使用webpack快速構(gòu)建web項(xiàng)目的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
js獲取指定日期前后的日期，在實(shí)際應(yīng)用中還是比較實(shí)用的，下面為大家簡單介紹下具體的實(shí)現(xiàn)過程，有需要的朋友可以參考下2013-08-08
舉例講解JavaScript substring()的使用方法
這篇文章主要通過舉例的方法講解了javaScript substring()的用法，substring() 方法用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符，感興趣的小伙伴們可以參考一下2015-11-11
JavaScript版TAB選項(xiàng)卡效果實(shí)例
tab選項(xiàng)卡效果就是當(dāng)我指上或經(jīng)過時(shí)就會(huì)顯示這個(gè)選項(xiàng)卡下面的內(nèi)容，下面我來給大家介紹一款純js實(shí)現(xiàn)的TAB選項(xiàng)卡效果，有需要的朋友可以參考一下2013-08-08
微信小程序報(bào)錯(cuò):does?not?have?a?method?"xxxx"?to?ha
這篇文章主要給大家介紹了關(guān)于微信小程序報(bào)錯(cuò):does?not?have?a?method?"xxxx"?to?handle?event?"tap"的解決方案,文中將解決的辦法介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01