JavaScript引用型別之Array型別API詳解
Array型別也是ECMASCRIPT中最常見的資料型別，而且資料的每一項可以儲存任何型別的數值，而且陣列的大小是可以動態調整的，可以隨著資料的新增自動增長以容納新的資料。下面，總結資料的一些常用方法：
1.建立陣列
1.1.使用Array建構函式
var arr=new Array(4); //建立一個包含3項的空陣列
var arr2=new Array('red','blue','yellow'); //['red','blue','yellow']
1.2.陣列字面量建立
var arr3=[]; //[] var arr4=['red','yellow']; //['red','yellow'] var arr5=[1,2,]; //[1,2,]
2.讀取和設定陣列的值
index陣列的索引，即下標，當index<arr.length時，可以獲取陣列中的值，否則取到的值為undefined。
通過設定陣列的length，可以對陣列的末尾移除或新增
var arr4=['red','yellow']; console.log( arr4[0], arr4[2], ); //red //undefined var arr4=['red','yellow']; arr4.length=1; console.log(arr4); arr4.length=3; console.log(arr4); //["red"] 長度變為1 //["red", empty × 2] 長度變為3，後兩項為空 var arr=[1,2,3]; arr[10]=10; console.log(arr); //[1, 2, 3, empty × 7, 10] length為10中間的值為undefined
小結：通過arr[arr.length-1]可以獲取到陣列的最後一項，通過arr[length]=item可以設定最後一項的值並動態增加了陣列的長度
3.陣列的方法
3.1.連線兩個陣列或多個數組-concat
不改變原始陣列，需要用新的變數儲存返回的新陣列
var arr1=[1,2]; var arr2=[2,3]; arr1.concat(arr2); console.log(arr1,arr2); var arr3=arr1.concat(arr2); console.log(arr3); // [1, 2] (2) [2, 3] // [1, 2, 2, 3]
3.2.擷取陣列一部分-slice
arr.slice(startIndex,endIndex);擷取的項包括陣列開始的索引的項，不包括陣列結束的索引的項
也不改變原始陣列，需要用新的變數儲存返回的新陣列
var arr=[1,2,3]; arr.slice(0,1); console.log(arr); var sub=arr.slice(0,1); console.log(sub); // [1, 2, 3] // [1]
3.3用不同的分隔符構建字串-join
預設以','拼接，
var arr=[1,2,3];
var str1=arr.join();
var str2=arr.join("-");
console.log(str1,str2);
//1,2,3
//1-2-3
// 根據陣列拼接成html字串
var arr=["HTML","CSS","JS"];
var html='<li>'+arr.join('</li><li>')+'</li>';
console.log(html);
// HTML</li><li>CSS</li><li>JS</li>
3.4.陣列的反轉-reverse
var arr=[1,2,3,4,5]; arr.reverse(); // [5, 4, 3, 2, 1]
3.5.陣列的排序-sort方法
這裡只是通過出入比較函式給sort方法來保持正確的排序，物件也可以根據某一屬性來進行正確的排序，這裡暫不贅述。
var arr=[1,2,11,5,50];
arr.sort();
// [1, 11, 2, 5, 50] 按照uicode編碼排序不是我們想要的結果
通過傳入比較函式保證正確的排序
arr.sort(function(a,b){
if(a<b){
return -1;
}else if(a>b){
return 1;
}else{
return 0;
}
})
// [1, 2, 5, 11, 50]
3.6.陣列的刪除，替換，插入-splice方法
array.splice(index,howmany,item1,.....,itemX)；
// 刪除開始索引後的第幾個元素 var arr=[1,2,3,4,5]; arr.splice(1,1); //[1, 3, 4, 5] // 刪除開始索引後的第幾個元素然後插入新的值 var arr1=[1,2,3,4,5]; arr1.splice(1,2,11,22); // [1, 11, 22, 4, 5]
3.7.棧方法
陣列提供了一種讓陣列類似於其他資料結構的方法，棧是一種LIFO（Last-In-First-Out）後進先出的資料結構，也就是最新新增的最早被移除。
棧中的推入-push,接收任意變數的引數，把他們新增到陣列的末尾，並返回修改後陣列的長度
棧中的彈出-pop，從陣列末尾移除最後一項，減少length值，然後返回移除的項
都發生在同一位置-棧的頂部。
var arr=[1,2,3];
arr.push('a'); //4 返回陣列的長度
arr // [1, 2, 3, "a"]
var arr=[1,2,3];
arr.pop(); //3返回陣列最後一項的彈出值
arr
(3) [1, 2]
3.8.佇列方法
佇列的資料結構是FIFO（First-In-First-Out），佇列在陣列的末端新增項，在列表的前端移除項。
末端新增項-push,
前端移除項-shift,移除陣列中的第一項，並返回該項，同時將陣列長度減1,
前端新增項-unshift,在陣列前端新增一項並返回陣列的新長度。
通過陣列的unshift和pop方法可以從相反方向的來模擬佇列
var arr=[1,2,3];
arr.push(4) //4
arr.shift();//1
arr; //[2,3,4]
arr.unshift("a"); //4
arr; //["a",1,2,3]
3.9.陣列的位置方法-indexOf,lastIndexOf
indexOf() 方法可返回陣列中某個指定的元素位置。
該方法將從頭到尾地檢索陣列，看它是否含有對應的元素。開始檢索的位置在陣列 start 處或陣列的開頭（沒有指定 start 引數時）。如果找到一個 item，則返回 item 的第一次出現的位置。開始位置的索引為 0。如果在陣列中沒找到指定元素則返回 -1。
lastIndexOf() 方法可返回陣列中從尾到頭方向上的位置，找到返回第一次出現的位置，否則返回-1。
var arr=[1,2,3,1,4]; arr.indexOf(1); //0 arr.lastIndexOf(1); //3
3.10.陣列的平鋪（有些低版本瀏覽器不相容）
方法會遞迴到指定深度將所有子陣列連線，並返回一個新陣列。arr.flat(depth);預設深度為1
var arr=[1,2,3,[4,5],[7,8]]; var arr2=arr.flat(); //等價於arr.flat(1) console.log(arr2); // [1, 2, 3, 4, 5, 7, 8]
4.陣列的迭代方法
4.1.every():對陣列的每一項執行給定函式，如果該函式對每一項都返回true,則返回true
var numbers=[1,2,3,4,5];
var result=numbers.every(function(item,index,arr){
return item>2;
})
result//false
4.2.some():對陣列的每一項執行給定函式，如果該函式對任一項返回true,則返回true
var numbers=[1,2,3,4,5];
var result=numbers.some(function(item,index,arr){
return item>2;
})
result//false
4.3.filter():對陣列中每一項執行給定的函式，返回該函式會返回true的項組成新的陣列
var numbers=[1,2,3,4,5];
var result=numbers.filter(function(item,index,arr){
return item>2;
});
result //[3, 4, 5]
4.4.map():對陣列中每一項執行給定的函式，返回每次函式呼叫的結果組成新的陣列
var numbers=[1,2,3,4,5];
var result=numbers.map(function(item,index,arr){
return item*item;
});
result // [1, 4, 9, 16, 25]
4.5.foreach():對陣列中每一項執行給定函式，這個方法沒有結果，與for迴圈迭代陣列一樣
眼過千遍，不如手寫一遍，以上是對JavaScript陣列常用API的一些總結，也是平常業務開發中會經常使用到的，如有不足，歡迎指正。
參考資料：
《JavaScript高階程式設計》
ofollow,noindex">《菜鳥教程》