javascript數(shù)組對(duì)象常用api函數(shù)小結(jié)(連接,插入,刪除,反轉(zhuǎn),排序等)
本文實(shí)例講述了javascript數(shù)組對(duì)象常用api函數(shù)。分享給大家供大家參考，具體如下：
1. concat()
連接兩個(gè)或多個(gè)數(shù)組，并返回結(jié)果
var a = [1,2,3]; var b = a.concat(6,7); console.log(a); //[1,2,3] console.log(b); //[1,2,3,6,7]
2. join(str)
把數(shù)組的所有元素用str分隔，默認(rèn)逗號(hào)分隔
var a = [1,2,3]
var b = a.join('|');
console.log(a); //[1,2,3]
console.log(b); //"1|2|3"
3. pop()
刪除并返回?cái)?shù)組的最后一個(gè)元素的值
var a = [1,2,3]; var b = a.pop(); console.log(a); //[1,2] console.log(b); //3
4. push()
向數(shù)組的末尾添加一個(gè)或更多元素，并返回新的數(shù)組長(zhǎng)度
var a = [1,2,3];
var b = a.push('4','5');
console.log(a); //[1,2,3,4,5]
console.log(b); //5
5. reverse()
反轉(zhuǎn)數(shù)組中元素的順序
var a = [1,2,3,4,5]; var b = a.reverse(); console.log(a); //[5,4,3,2,1] console.log(b); //[5,4,3,2,1]
6. shift()
刪除并返回?cái)?shù)組的第一個(gè)元素
var a = [1,2,3]; var b = a.shift(); console.log(a); //[2,3] console.log(b); //1
7. slice(start,end)
從已有的數(shù)組中返回選定的元素
var a = [1,2,3,4,5]; var b = a.slice(0,-1); var c = a.slice(1,3); var d = a.slice(1); var e = a.slice(2,-2); var f = a.slice(3,1); console.log(a); //[1,2,3,4,5] console.log(b); //[1,2,3,4] console.log(c); //[2,3] console.log(d); //[2,3,4,5] console.log(e); //[3] console.log(f); //[]
8. sort(func)
按指定的參數(shù)對(duì)數(shù)組排序
注：func 必須返回一個(gè)值。
負(fù)值，第一個(gè)參數(shù)比第二個(gè)參數(shù)小，排在前面。
零，相等。
正值，第一個(gè)參數(shù)比第二個(gè)參數(shù)大，排在后面。
var a = [1,2,10,3];
var b = a.sort();
console.log(a); //[1,10,2,3]
console.log(b); //[1,10,2,3]
var num = function(x,y) {
return x - y;
}
var c = a.sort(num);
console.log(a); //[1,2,3,10]
console.log(c); //[1,2,3,10]
9. splice(start,deleteCount,val1,val2,···)
從一個(gè)數(shù)組中移除一個(gè)或多個(gè)元素，并在該位置插入新元素，返回所移除的元素
var a = [1,2,3,4,5]; var b = a.splice(2,2,7,8); console.log(a); //[1,2,7,8,5] console.log(b); //[3,4]
10. unshift(val1,val2,···)
將指定元素插入數(shù)組開(kāi)始位置，并返回新的長(zhǎng)度
var a = [1,2,3]; var b = a.unshift(-2,-1); console.log(a); //[-2,-1,1,2,3] console.log(b); //5
11. toString()
將數(shù)組的元素轉(zhuǎn)換為字符串，并用逗號(hào)分隔，且連接起來(lái)
var a = [1,2,3,4,5]; var b = a.toString(); console.log(a); //[1,2,3,4,5] console.log(b); //"1,2,3,4,5"
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫(huà)特效與技巧匯總》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JS實(shí)現(xiàn)禁止鼠標(biāo)右鍵的功能
遇到網(wǎng)頁(yè)上有精美圖片或者精彩文字想保存時(shí)，通常大家都是選中目標(biāo)后按鼠標(biāo)右鍵，在彈出菜單中選擇“圖片另存為”或“復(fù)制”來(lái)達(dá)到我們的目的。但是，目前有許多網(wǎng)頁(yè)都屏蔽了鼠標(biāo)右鍵，那么用js如何實(shí)現(xiàn)禁止鼠標(biāo)右鍵的功能呢？下面小編給大家介紹下2016-10-10
輕松實(shí)現(xiàn)javascript圖片輪播特效
這篇文章主要幫助大家輕松實(shí)現(xiàn)javascript圖片輪播特效，點(diǎn)擊標(biāo)簽還可以實(shí)現(xiàn)圖片切換，感興趣的小伙伴們可以參考一下2016-01-01
Array.prototype 的泛型應(yīng)用分析，需要的朋友可以參考下。2010-04-04
JavaScript生成隨機(jī)驗(yàn)證碼代碼實(shí)例
這篇文章主要介紹了JavaScript生成隨機(jī)驗(yàn)證碼代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
JavaScript計(jì)算出兩個(gè)數(shù)的差值
這篇文章主要為大家詳細(xì)介紹了JavaScript計(jì)算出兩個(gè)數(shù)的差值，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要介紹了微信小程序開(kāi)發(fā)中所碰到問(wèn)題集錦，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2023-01-01
本文主要介紹了javascript自執(zhí)行函數(shù)的相關(guān)知識(shí)。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
JavaScript判斷數(shù)組是否存在key的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇JavaScript判斷數(shù)組是否存在key的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
web開(kāi)發(fā)中不可避免會(huì)使用js，為了給頁(yè)面良好的瘦身我們一般都會(huì)將js代碼放在外部，然后通過(guò)src引用，如果web頁(yè)面與js采用的編碼不同一就會(huì)產(chǎn)生亂碼，接下來(lái)與大家分享下解決方法，感興趣的朋友可以參考下哈2013-04-04
Bootstrap每天必學(xué)之柵格系統(tǒng)（布局）
Bootstrap每天必學(xué)之柵格系統(tǒng)，小編對(duì)Bootstrap柵格系統(tǒng)（布局）也很陌生，特分享整理這篇文章，感興趣的小伙伴們可以參考一下2015-11-11