JavaScript常用數(shù)組方法匯總

JavaScript中提供了很多有關(guān)數(shù)組操作的方法,雖然有些方法目的“類似”,但是卻也有著很大的不同,那我們就來總結(jié)一下。
1、增加元素

常用的有push以及unshift方法。


push方法用于在數(shù)組的末端添加一個或多個元素,并返回添加新元素后的數(shù)組長度。該方法會改變原數(shù)組。

vara=[];

a.push(1)  // 1

a.push('a')  // 2

a.push(true,{})  // 4

a  // [1, 'a', true, {}]

push方法還可以用于向?qū)ο筇砑釉兀砑雍蟮膶ο笞兂深愃茢?shù)組的對象,即新加入元素的鍵對應(yīng)數(shù)組的索引,并且對象有一個length屬性。


unshift方法用于在數(shù)組的第一個位置添加元素,并返回添加新元素后的數(shù)組長度。該方法會改變原數(shù)組。

var a=['a','b','c'];

a.unshift('x');   // 4

a   // ['x', 'a', 'b', 'c']


concat方法用于多個數(shù)組的合并。它將新數(shù)組的成員,添加到原數(shù)組的尾部,然后返回一個新數(shù)組,原數(shù)組不變。

[1,2,3].concat(4)   // [1, 2, 3, 4,]

2、刪除元素

常用的有pop、shift、splice以及filter方法。


pop方法用于刪除數(shù)組的最后一個元素,并返回該元素。注意,該方法會改變原數(shù)組。

vara=['a','b','c'];

a.pop()   // 'c'

a    // ['a', 'b']


shift方法用于刪除數(shù)組的第一個元素,并返回該元素。注意,該方法會改變原數(shù)組。

vara=['a','b','c'];

a.shift()    // 'a'

a    // ['b', 'c']


splice方法用于刪除原數(shù)組的一部分成員,并可以在被刪除的位置添加入新的數(shù)組成員,返回值是被刪除的元素。注意,該方法會改變原數(shù)組。

splice的第一個參數(shù)是刪除的起始位置,第二個參數(shù)是被刪除的元素個數(shù)。如果后面還有更多的參數(shù),則表示這些就是要被插入數(shù)組的新元素。

(也可以理解為替換已知位置的元素)

vara=['a','b','c','d','e','f'];

a.splice(4,2,1,2)    // ["e", "f"]

a    // ["a", "b", "c", "d", 1, 2]


filter方法的參數(shù)是一個函數(shù),所有數(shù)組成員依次執(zhí)行該函數(shù),返回結(jié)果為true的成員組成一個新數(shù)組返回。該方法不會改變原數(shù)組。

[1,2,3,4,5].filter(function(elem){

   return(elem>3);

})

// [4, 5]

3、替換元素


map方法對數(shù)組的所有成員依次調(diào)用一個函數(shù),根據(jù)函數(shù)結(jié)果返回一個新數(shù)組,原數(shù)組沒有變化。

varnumbers=[1,2,3];

numbers.map(function(n){

   returnn+1;

});    // [2, 3, 4]

numbers    // [1, 2, 3]


splice方法用于刪除原數(shù)組的一部分成員,并可以在被刪除的位置添加入新的數(shù)組成員,返回值是被刪除的元素。注意,該方法會改變原數(shù)組。

4、提取元素


slice方法用于提取原數(shù)組的一部分,返回一個新數(shù)組,原數(shù)組不變。

它的第一個參數(shù)為起始位置(從0開始),第二個參數(shù)為終止位置(但該位置的元素本身不包括在內(nèi))。如果省略第二個參數(shù),則一直返回到原數(shù)組的最后一個成員。slice沒有參數(shù),實際上等于返回一個原數(shù)組的拷貝。

vara=['a','b','c'];

a.slice(0)   // ["a", "b", "c"]

a.slice(1)   // ["b", "c"]

a.slice(1,2)   // ["b"]

a.slice(2,6)   // ["c"]

a.slice()   // ["a", "b", "c"]

除此之外還有一些常用方法,比如indexOf方法返回給定元素在數(shù)組中第一次出現(xiàn)的位置,如果沒有出現(xiàn)則返回-1,可用來數(shù)組去重。forEach方法遍歷數(shù)組的所有成員,執(zhí)行某種操作,一般不返回值,只用來操作數(shù)據(jù)。如果需要有返回值,一般使用map方法。reverse方法用于顛倒數(shù)組中元素的順序,返回改變后的數(shù)組。注意,該方法將改變原數(shù)組。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容