js Array操作的最簡(jiǎn)短最容易理解方法
Array 的方法
1 Array.join(): 把所有元素用符號(hào)連結(jié)成string返回, 如果元素不是基本類(lèi)型, 先調(diào)用toString.
它對(duì)應(yīng)string.split();
arr = [1,2,true,3,4,5];
(arr.join('-') == '1-2-true-3-4-5';
2 Array.reverse(): 逆序排列數(shù)組
arr = [1,2,true,3,4,5];
arr.reverse();// arr == [5,4,3,true,2,1];
3 Array.sort(): 排序,可以傳遞一個(gè)排序函數(shù)作參數(shù)
arr.sort(function(a,b){
return a-b;
});
4 Array.concat(): 拼接函數(shù),
在末尾拼接上新元素,返回拼接后的array,但是不改變?cè)璦rray;參數(shù)可以是一個(gè)元素,多個(gè)元素,一個(gè)數(shù)組,
如果是一個(gè)元素,或多個(gè)元素,直接把這些元素加到末尾,如果是一個(gè)數(shù)組,則把數(shù)組各個(gè)元素拿出來(lái)拼接到尾部。
a = [1,2,3];
a.concat(4,5)// return [1,2,3,4,5]
a.concat([4,5])// return [1,2,3,4,5]
a.concat([4,5],[6,7]);//return [1,2,3,4,5,6,7]
a.concat([4,[5,6]])//return [1,2,3,4,[5,6]]//注意
5 Array.slice(startPos, endPos): 取子字符串函數(shù)(原array保持不變)
從startPos開(kāi)始到endPos結(jié)束但不包括endPos上的元素
如果沒(méi)有endPos,則取到尾
如果pos為負(fù), 則倒著數(shù)
a = [1,2,3,4,5];
a.slice(0,3)// return [1,2,3]
a.slice(3)//return [4,5]
a.slice(1,-1)//return [2,3,4]//從第一個(gè)開(kāi)始取,取到倒數(shù)第1個(gè),但不包括倒數(shù)第1個(gè)
a.slice(1,-2);//return [2,3]//從第一個(gè)開(kāi)始取,取到倒數(shù)第2個(gè),但不包括倒數(shù)第2個(gè)
6 Array.splice(startPos, length, [added1, added2...]) 隨機(jī)存取函數(shù)
可以隨機(jī)刪除一個(gè)(些)元素,也可以加上一些元素,
如果只有兩個(gè)參數(shù),則從array中刪除從startPos開(kāi)始總共length個(gè)元素
如果有兩個(gè)以上參數(shù),則從array中刪除從startPos開(kāi)始總共length個(gè)元素,再?gòu)膭偛艅h除的位置添加上后面的元素
如果被添加的元素是一個(gè)數(shù)組則把這個(gè)數(shù)組作為一個(gè)元素(與concat差別)
a = [1,2,3,4,5];
a.splice(1,2)//return [2,3]; a==[1,4,5]
a.splice(1,2,6,7,8)//return [2,3]; a==[1,6,7,8,4,5]
a.splice(1,2,[6,7,8]);//return [2,3]; a==[1,[6,7,8],4,5]
7 Array.push() 和 Array.pop();
都是操作最后一個(gè)元素,push是添加,pop是刪除最后一個(gè)元素并返回該元素
8 Array.unshift() 和 Array.shift()
都是操作第一個(gè)元素,unshift是添加,shift是刪除第一個(gè)元素并返回該元素
合計(jì)起來(lái)
這些方法會(huì)改變?cè)璦rray:reverse, sort, splice, push, pop, unshift, shift
這些方法不會(huì)改變?cè)璦rray:join, concat, splice
- JS實(shí)現(xiàn)的數(shù)組全排列輸出算法
- JS往數(shù)組中添加項(xiàng)性能分析
- JS數(shù)組的常見(jiàn)用法實(shí)例
- JS的數(shù)組迭代方法
- js數(shù)組的操作指南
- JS數(shù)組(Array)處理函數(shù)整理
- js數(shù)組的基本操作(很全自己整理的)
- js中數(shù)組Array的一些常用方法總結(jié)
- js對(duì)象之JS入門(mén)之Array對(duì)象操作小結(jié)
- JS array 數(shù)組詳解
- JS 操作Array數(shù)組的方法及屬性實(shí)例解析
- Javascript中數(shù)組方法匯總(推薦)
相關(guān)文章
JS實(shí)現(xiàn)六邊形3D拖拽翻轉(zhuǎn)效果的方法
這篇文章給大家分享一個(gè)利用javascript實(shí)現(xiàn)3D六邊形拖拽翻轉(zhuǎn)的效果實(shí)例,實(shí)現(xiàn)后的效果很贊,對(duì)大家的學(xué)習(xí)Javascript具有一定的參考借鑒價(jià)值,有需要的朋友們一起去來(lái)看看吧。2016-09-09uniapp中獲取dom元素的方法及更改dom元素顏色踩坑記錄
最近學(xué)到了一個(gè)比較好用的框架uni-app,可以做六端適配,學(xué)習(xí)一下,下面這篇文章主要給大家介紹了關(guān)于uniapp中獲取dom元素的方法及更改dom元素顏色踩坑記錄的相關(guān)資料,需要的朋友可以參考下2023-03-03javascript將中國(guó)數(shù)字格式轉(zhuǎn)換成歐式數(shù)字格式的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇javascript將中國(guó)數(shù)字格式轉(zhuǎn)換成歐式數(shù)字格式的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08ES6函數(shù)實(shí)現(xiàn)排它兩種寫(xiě)法解析
這篇文章主要介紹了ES6函數(shù)實(shí)現(xiàn)排它兩種寫(xiě)法解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05用javascript實(shí)現(xiàn)鼠標(biāo)框選
用javascript實(shí)現(xiàn)鼠標(biāo)框選...2007-05-05js實(shí)現(xiàn)視頻鏡面反轉(zhuǎn)的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)視頻鏡面反轉(zhuǎn)的效果,文中的示例代碼簡(jiǎn)潔易懂,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-11-11js判斷一個(gè)對(duì)象是否在一個(gè)對(duì)象數(shù)組中(場(chǎng)景分析)
這篇文章主要介紹了js判斷一個(gè)對(duì)象是否在一個(gè)對(duì)象數(shù)組中,本文通過(guò)場(chǎng)景分析給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2022-08-08Ant Design Pro 下實(shí)現(xiàn)文件下載的實(shí)現(xiàn)代碼
這篇文章主要介紹了Ant Design Pro 下實(shí)現(xiàn)文件下載的實(shí)現(xiàn)代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12