js中的數組方法

標籤：沒有   obj   複製   pad   元素   comment   cti   繼承   tin   

數組的方法有數組原型方法，也有從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()方法返回從該參數指定位置開始到當前數組末尾的所有項。如果有兩個參數，該方法返回起始和結束位置之間的項——但不包括結束位置的項。

12345678910

var arr = [1,3,5,7,9,11];var arrCopy = arr.slice(1);var arrCopy2 = arr.slice(1,4);var arrCopy3 = arr.slice(1,-2);var arrCopy4 = 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類型，預設有傳參，參數分別為：遍曆的數組內容；內容對應的數組索引，數組本身。

var arr = [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方法實現數組中每個數求平方。

12345

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

12、filter()

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

12345

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

 

13、every()

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

var arr = [1, 2, 3, 4, 5];

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

14、some()

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

var arr = [1, 2, 3, 4, 5];

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

15、reduce()和 reduceRight()

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

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

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

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

var values = [1,2,3,4,5];

var  sum = values.reduceRight( function (prev, cur, index, array){ return  prev + cur; },10);

 

 

 

js中的數組方法