js Array操作的最簡短最容易理解方法
Array 的方法
1 Array.join(): 把所有元素用符號連結(jié)成string返回, 如果元素不是基本類型, 先調(diào)用toString.
它對應(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(): 排序,可以傳遞一個排序函數(shù)作參數(shù)
arr.sort(function(a,b){
return a-b;
});
4 Array.concat(): 拼接函數(shù),
在末尾拼接上新元素,返回拼接后的array,但是不改變原array;參數(shù)可以是一個元素,多個元素,一個數(shù)組,
如果是一個元素,或多個元素,直接把這些元素加到末尾,如果是一個數(shù)組,則把數(shù)組各個元素拿出來拼接到尾部。
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開始到endPos結(jié)束但不包括endPos上的元素
如果沒有endPos,則取到尾
如果pos為負, 則倒著數(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]//從第一個開始取,取到倒數(shù)第1個,但不包括倒數(shù)第1個
a.slice(1,-2);//return [2,3]//從第一個開始取,取到倒數(shù)第2個,但不包括倒數(shù)第2個
6 Array.splice(startPos, length, [added1, added2...]) 隨機存取函數(shù)
可以隨機刪除一個(些)元素,也可以加上一些元素,
如果只有兩個參數(shù),則從array中刪除從startPos開始總共length個元素
如果有兩個以上參數(shù),則從array中刪除從startPos開始總共length個元素,再從剛才刪除的位置添加上后面的元素
如果被添加的元素是一個數(shù)組則把這個數(shù)組作為一個元素(與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();
都是操作最后一個元素,push是添加,pop是刪除最后一個元素并返回該元素
8 Array.unshift() 和 Array.shift()
都是操作第一個元素,unshift是添加,shift是刪除第一個元素并返回該元素
合計起來
這些方法會改變原array:reverse, sort, splice, push, pop, unshift, shift
這些方法不會改變原array:join, concat, splice
相關(guān)文章
JS實現(xiàn)六邊形3D拖拽翻轉(zhuǎn)效果的方法
這篇文章給大家分享一個利用javascript實現(xiàn)3D六邊形拖拽翻轉(zhuǎn)的效果實例,實現(xiàn)后的效果很贊,對大家的學(xué)習(xí)Javascript具有一定的參考借鑒價值,有需要的朋友們一起去來看看吧。2016-09-09
uniapp中獲取dom元素的方法及更改dom元素顏色踩坑記錄
最近學(xué)到了一個比較好用的框架uni-app,可以做六端適配,學(xué)習(xí)一下,下面這篇文章主要給大家介紹了關(guān)于uniapp中獲取dom元素的方法及更改dom元素顏色踩坑記錄的相關(guān)資料,需要的朋友可以參考下2023-03-03
javascript將中國數(shù)字格式轉(zhuǎn)換成歐式數(shù)字格式的簡單實例
下面小編就為大家?guī)硪黄猨avascript將中國數(shù)字格式轉(zhuǎn)換成歐式數(shù)字格式的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
Ant Design Pro 下實現(xiàn)文件下載的實現(xiàn)代碼
這篇文章主要介紹了Ant Design Pro 下實現(xiàn)文件下載的實現(xiàn)代碼,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12

