js中數組經常使用的API

一、join()
join，就是把數組轉換成字符串，而後給他規定個鏈接字符，默認的是逗號( ，)

書寫格式：join(" ")，括號裏面寫字符串 ("要加引號"),
var arr = [1,2,3];
console.log(arr.join()); 　　　　// 1,2,3
console.log(arr.join("-")); 　　// 1-2-3
console.log(arr); 　　　　　　　　// [1, 2, 3]（原數組不變）

二、push()和pop()

push(): 把裏面的內容添加到數組末尾，並返回修改後的長度。

pop()：移除數組最後一項，返回移除的那個值，減小數組的length。

　　　　書寫格式：arr.push(" ")，括號裏面寫內容 ("字符串要加引號"),

　　　 書寫格式：arr.pop( )
var arr = ["Lily","lucy","Tom"];
var count = arr.push("Jack","Sean");
console.log(count); 　　　　　　　　　　// 5
console.log(arr); 　　　　　　　　　　　// ["Lily", "lucy", "Tom", "Jack", "Sean"]
var item = arr.pop();
console.log(item); 　　　　　　　　　　 // Sean
console.log(arr); 　　　　　　　　　　 // ["Lily", "lucy", "Tom", "Jack"]

三、shift() 和 unshift() (和上面的push，pop相反，針對第一項內容)
shift()：刪除原數組第一項，並返回刪除元素的值；若是數組爲空則返回undefined 。

unshift:將參數添加到原數組開頭，並返回數組的長度 。

　　　　書寫格式：arr.shift(" ")，括號裏面寫內容 ("字符串要加引號"),
var arr = ["Lily","lucy","Tom"];
var count = arr.unshift("Jack","Sean");
console.log(count); 　　　　　　　　　　　　　　// 5
console.log(arr); 　　　　　　　　　　　　　　　//["Jack", "Sean", "Lily", "lucy", "Tom"]
var item = arr.shift();
console.log(item); 　　　　　　　　　　　　　　// Jack
console.log(arr); 　　　　　　　　　　　　　　 // ["Sean", "Lily", "lucy", "Tom"]

四、sort()

sort()：將數組裏的項從小到大排序

　　　 書寫格式：arr.sort( )
var arr1 = ["a", "d", "c", "b"];
console.log(arr1.sort()); 　　　　　　　　　　// ["a", "b", "c", "d"]

sort()方法比較的是字符串，沒有按照數值的大小對數字進行排序，要實現這一點，就必須使用一個排序函數
function sortNumber(a,b)
{
　　return a - b
}
arr = [13, 24, 51, 3]; console.log(arr.sort()); 　　　　　　　　　　// [13, 24, 3, 51] console.log(arr.sort(sortNumber)); 　　　　// 3, 13, 24, 51

五、reverse()

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

　　　 書寫格式：arr.reverse( )
var arr = [13, 24, 51, 3];
console.log(arr.reverse()); 　　　　　　　　//[3, 51, 24, 13]
console.log(arr); 　　　　　　　　　　　　　　//3, 51, 24, 13

六、concat()

concat() ：將參數添加到原數組中。這個方法會先建立當前數組一個副本，而後將接收到的參數添加到這個副本的末尾，最後返回新構建的數組。在沒有給 concat()方法傳遞參數的狀況下，它只是複製當前數組並返回副本。

　　　　書寫格式：arr.concat()，括號裏面寫內容 ("字符串要加引號"),
var arr = [1,3,5,7];
var arrCopy = arr.concat(9,[11,13]);
console.log(arrCopy); 　　　　　　　　　　　　//[1, 3, 5, 7, 9, 11, 13]
console.log(arr); 　　　　　　　　　　　　　　// 1, 3, 5, 7

七、slice()

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

　　　　書寫格式：arr.slice( 1 , 3 )
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]

八、splice()
splice()：刪除、插入和替換。

刪除：指定 2 個參數：要刪除的第一項的位置和要刪除的項數。

　　　　書寫格式：arr.splice( 1 , 3 )

插入：能夠向指定位置插入任意數量的項，只需提供 3 個參數：起始位置、 0（要刪除的項數）和要插入的項。

　　　　書寫格式：arr.splice( 2,0,4,6 )
替換：能夠向指定位置插入任意數量的項，且同時刪除任意數量的項，只需指定 3 個參數：起始位置、要刪除的項數和要插入的任意數量的項。插入的項數沒必要與刪除的項數相等。

　　　　書寫格式：arr.splice( 2,0,4,6 )
var arr = [1,3,5,7,9,11];
var arrRemoved = arr.splice(0,2);
console.log(arr); 　　　　　　　　　　　　　　　//[5, 7, 9, 11]
console.log(arrRemoved); 　　　　　　　　　　　//[1, 3]
var arrRemoved2 = arr.splice(2,0,4,6);
console.log(arr); 　　　　　　　　　　　　　　　// [5, 7, 4, 6, 9, 11]
console.log(arrRemoved2); 　　　　　　　　　　// []
var arrRemoved3 = arr.splice(1,1,2,4);
console.log(arr); 　　　　　　　　　　　　　　　// [5, 2, 4, 4, 6, 9, 11]
console.log(arrRemoved3); 　　　　　　　　　　//[7]

九、indexOf()和 lastIndexOf()

indexOf()：接收兩個參數：要查找的項和（可選的）表示查找起點位置的索引。其中， 從數組的開頭（位置 0）開始向後查找。

　　　　書寫格式：arr.indexof( 5 )

lastIndexOf：接收兩個參數：要查找的項和（可選的）表示查找起點位置的索引。其中， 從數組的末尾開始向前查找。

　　　　書寫格式：arr.lastIndexOf( 5,4 )
var arr = [1,3,5,7,7,5,3,1];
console.log(arr.indexOf(5)); 　　　　　　//2
console.log(arr.lastIndexOf(5)); 　　　 //5
console.log(arr.indexOf(5,2)); 　　　　 //2
console.log(arr.lastIndexOf(5,4)); 　　//2
console.log(arr.indexOf("5")); 　　　　 //-1

十、forEach()

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

　　　　書寫格式：arr.forEach()
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

十一、map()

map()：指「映射」，對數組中的每一項運行給定函數，返回每次函數調用的結果組成的數組。

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

十二、filter()

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

　　　　書寫格式：arr.filter()

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]

1三、every()

every()：判斷數組中每一項都是否知足條件，只有全部項都知足條件，纔會返回true。

　　　　書寫格式：arr.every()

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

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

1四、some()

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

　　　　書寫格式：arr.some()var arr = [1, 2, 3, 4, 5];var arr2 = arr.some(function(x) {return x < 3;}); console.log(arr2); 　　　　　　　　//truevar arr3 = arr.some(function(x) {return x < 1;}); console.log(arr3); 　　　　　　　　// false