數(shù)組的方法有數(shù)組原型方法，也有從object對象繼承來的方法，這里我們只介紹數(shù)組的原型方法，數(shù)組原型方法主要有以下這些：

join()
push()和pop()
shift() 和 unshift()
sort()
reverse()
concat()
slice()
splice()
indexOf()和 lastIndexOf() （ES5新增）
forEach() （ES5新增）
map() （ES5新增）
filter() （ES5新增）
every() （ES5新增）
some() （ES5新增）
reduce()和 reduceRight() （ES5新增）

1、join()

將指定數(shù)組轉(zhuǎn)化成字符串，方法中的參數(shù)實際就是將數(shù)組中元素拼接成字符串的分隔符,參數(shù)省略則默認以逗號作為分隔符

2、push()和pop()

push:向指定數(shù)組的末尾添加元素，可以有多個參數(shù)，返回值為添加后數(shù)組的長度

pop()：刪除指定數(shù)組的末尾元素，pop沒有參數(shù)，每次調(diào)用只能刪除末尾的一個元素,返回值為刪掉的那個元素;

var list=["蘋果","橘子","香蕉","西瓜","櫻桃"];

var count=list.push("荔枝","藍莓");

var list=["蘋果","橘子","香蕉","西瓜","櫻桃"];

console.log(list) //["蘋果", "橘子", "香蕉", "西瓜", "櫻桃", "荔枝", "藍莓"]

console.log(count) //7

var a=list.pop();
console.log(list); //["蘋果", "橘子", "香蕉", "西瓜", "櫻桃", "荔枝"]
console.log(a); //藍莓

3、shift() 和 unshift()

shift()：刪除原數(shù)組第一項，沒有參數(shù)，并返回刪除元素的值；如果數(shù)組為空則返回undefined 。
unshift:將參數(shù)添加到原數(shù)組開頭，可以添加多個參數(shù)，并返回數(shù)組的長度 。

4、sort()

sort()：按升序排列數(shù)組項——即最小的值位于最前面，最大的值排在最后面。

5、reverse()

reverse()：反轉(zhuǎn)數(shù)組項的順序。

6、concat()

concat() ：將參數(shù)添加到原數(shù)組中。這個方法會先創(chuàng)建當(dāng)前數(shù)組一個副本，然后將接收到的參數(shù)添加到這個副本的末尾，最后返回新構(gòu)建的數(shù)組。在沒有給 concat()方法傳遞參數(shù)的情況下，它只是復(fù)制當(dāng)前數(shù)組并返回副本。

7、slice()

slice()：返回從原數(shù)組中指定開始下標(biāo)到結(jié)束下標(biāo)之間的項組成的新數(shù)組。slice()方法可以接受一或兩個參數(shù)，即要返回項的起始和結(jié)束位置。在只有一個參數(shù)的情況下， slice()方法返回從該參數(shù)指定位置開始到當(dāng)前數(shù)組末尾的所有項。如果有兩個參數(shù)，該方法返回起始和結(jié)束位置之間的項——但不包括結(jié)束位置的項。

1 2 3 4 5 6 7 8 9 10

vararr = [1,3,5,7,9,11]; vararrCopy = arr.slice(1); vararrCopy2 = arr.slice(1,4); vararrCopy3 = arr.slice(1,-2); vararrCopy4 = arr.slice(-4,-1); console.log(arr); //[1, 3, 5, 7, 9, 11](原數(shù)組沒變) console.log(arrCopy); //[3, 5, 7, 9, 11] console.log(arrCopy2); //[3, 5, 7] console.log(arrCopy3); //[3, 5, 7] console.log(arrCopy4); //[5, 7, 9]

arrCopy只設(shè)置了一個參數(shù)，也就是起始下標(biāo)為1，所以返回的數(shù)組為下標(biāo)1（包括下標(biāo)1）開始到數(shù)組最后。
arrCopy2設(shè)置了兩個參數(shù)，返回起始下標(biāo)（包括1）開始到終止下標(biāo)（不包括4）的子數(shù)組。
arrCopy3設(shè)置了兩個參數(shù)，終止下標(biāo)為負數(shù)，當(dāng)出現(xiàn)負數(shù)時，將負數(shù)加上數(shù)組長度的值（6）來替換該位置的數(shù)，因此就是從1開始到4（不包括）的子數(shù)組。
arrCopy4中兩個參數(shù)都是負數(shù)，所以都加上數(shù)組長度6轉(zhuǎn)換成正數(shù)，因此相當(dāng)于slice(2,5)。

8、splice()

splice()：很強大的數(shù)組方法，它有很多種用法，可以實現(xiàn)刪除、插入和替換。

1-添加元素：第一個參數(shù)表示從那個下標(biāo)位置開始添加，第二個參數(shù)為0，第三個參數(shù)表示要添加的元素可以存在多個

2、替換元素：第一個參數(shù)表示從那個下標(biāo)位置開始添加（包含下標(biāo)開始的位置），第二個參數(shù)表示替換的長度，第三個參數(shù)表示用什么元素替換

3-刪除元素
第一個參數(shù)為開始刪除的下標(biāo)位置，第二個參數(shù)為刪除的長度，第三個參數(shù)不填寫

9、indexOf()和 lastIndexOf()

用來判斷數(shù)組中是否存在某個元素，如果存在，返回該元素的下標(biāo)，如果不存在返回-1,前者是從數(shù)組的開向后查找，后者是從數(shù)組的末尾向前查找

10、forEach()

forEach()：對數(shù)組進行遍歷循環(huán)，對數(shù)組中的每一項運行給定函數(shù)。這個方法沒有返回值。參數(shù)都是function類型，默認有傳參，參數(shù)分別為：遍歷的數(shù)組內(nèi)容；內(nèi)容對應(yīng)的數(shù)組索引，數(shù)組本身。

vararr = [1, 2, 3, 4, 5];

arr.forEach(function(x, index, a){
console.log(x + '|'+ index + '|'+ (a === arr));
});
// 輸出為：
// 1|0|true
// 2|1|true
// 3|2|true
// 4|3|true
// 5|4|true

11、map()

map()：指“映射”，對數(shù)組中的每一項運行給定函數(shù)，返回每次函數(shù)調(diào)用的結(jié)果組成的數(shù)組。

下面代碼利用map方法實現(xiàn)數(shù)組中每個數(shù)求平方。

1 2 3 4 5

vararr = [1, 2, 3, 4, 5]; vararr2 = arr.map(function(item){ returnitem*item; }); console.log(arr2); //[1, 4, 9, 16, 25]

12、filter()

filter()：“過濾”功能，數(shù)組中的每一項運行給定函數(shù)，返回滿足過濾條件組成的數(shù)組。

1 2 3 4 5

vararr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; vararr2 = arr.filter(function(x, index) { returnindex % 3 === 0 || x >= 8; }); console.log(arr2); //[1, 4, 7, 8, 9, 10]

13、every()

every()：判斷數(shù)組中每一項都是否滿足條件，只有所有項都滿足條件，才會返回true。

vararr = [1, 2, 3, 4, 5];

vararr2 = arr.every(function(x) {
returnx < 10;
});
console.log(arr2); //true

14、some()

some()：判斷數(shù)組中是否存在滿足條件的項，只要有一項滿足條件，就會返回true。

vararr = [1, 2, 3, 4, 5];

vararr2 = arr.some(function(x) {
returnx < 3;
});
console.log(arr2); //true

15、reduce()和 reduceRight()

這兩個方法都會實現(xiàn)迭代數(shù)組的所有項，然后構(gòu)建一個最終返回的值。reduce()方法從數(shù)組的第一項開始，逐個遍歷到最后。而 reduceRight()則從數(shù)組的最后一項開始，向前遍歷到第一項。

這兩個方法都接收兩個參數(shù)：一個在每一項上調(diào)用的函數(shù)和（可選的）作為歸并基礎(chǔ)的初始值。

傳給 reduce()和 reduceRight()的函數(shù)接收 4 個參數(shù)：前一個值、當(dāng)前值、項的索引和數(shù)組對象。這個函數(shù)返回的任何值都會作為第一個參數(shù)自動傳給下一項。第一次迭代發(fā)生在數(shù)組的第二項上，因此第一個參數(shù)是數(shù)組的第一項，第二個參數(shù)就是數(shù)組的第二項。

下面代碼用reduce()實現(xiàn)數(shù)組求和，數(shù)組一開始加了一個初始值10。

varvalues = [1,2,3,4,5];

varsum = values.reduceRight(function(prev, cur, index, array){
returnprev + cur;
},10);

總結(jié)

以上是生活随笔為你收集整理的js中的数组方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。