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

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()

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

2、push()和pop()

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

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

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

4、sort()

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

5、reverse()

reverse()：反轉數組項的順序。

6、concat()

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

7、slice()

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

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](原數組沒變) 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只設置了一個參數，也就是起始下標為1，所以返回的數組為下標1（包括下標1）開始到數組最后。
arrCopy2設置了兩個參數，返回起始下標（包括1）開始到終止下標（不包括4）的子數組。
arrCopy3設置了兩個參數，終止下標為負數，當出現負數時，將負數加上數組長度的值（6）來替換該位置的數，因此就是從1開始到4（不包括）的子數組。
arrCopy4中兩個參數都是負數，所以都加上數組長度6轉換成正數，因此相當于slice(2,5)。

8、splice()

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

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

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

3-刪除元素
第一個參數為開始刪除的下標位置，第二個參數為刪除的長度，第三個參數不填寫

9、indexOf()和 lastIndexOf()

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

10、forEach()

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

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()：指“映射”，對數組中的每一項運行給定函數，返回每次函數調用的結果組成的數組。

下面代碼利用map方法實現數組中每個數求平方。

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()：“過濾”功能，數組中的每一項運行給定函數，返回滿足過濾條件組成的數組。

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()：判斷數組中每一項都是否滿足條件，只有所有項都滿足條件，才會返回true。

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

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

14、some()

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

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

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

15、reduce()和 reduceRight()

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

這兩個方法都接收兩個參數：一個在每一項上調用的函數和（可選的）作為歸并基礎的初始值。

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

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

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。