js數(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新增）
1、join()
join，就是把數(shù)組轉(zhuǎn)換成字符串，然后給他規(guī)定個連接字符，默認(rèn)的是逗號( ，)
書寫格式：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]（原數(shù)組不變）
2、push()和pop()
push(): 把里面的內(nèi)容添加到數(shù)組末尾，并返回修改后的長度。
pop()：移除數(shù)組最后一項，返回移除的那個值，減少數(shù)組的length。
書寫格式：arr.push(" ")，括號里面寫內(nèi)容 ("字符串要加引號"),
書寫格式：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"]
3、shift() 和 unshift() (和上面的push，pop相反，針對第一項內(nèi)容)
shift()：刪除原數(shù)組第一項，并返回刪除元素的值；如果數(shù)組為空則返回undefined 。
unshift:將參數(shù)添加到原數(shù)組開頭，并返回數(shù)組的長度 。
書寫格式：arr.shift(" ")，括號里面寫內(nèi)容 ("字符串要加引號"),
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"]
4、sort()
sort()：將數(shù)組里的項從小到大排序
書寫格式：arr.sort( )
var arr1 = ["a", "d", "c", "b"];
console.log(arr1.sort()); // ["a", "b", "c", "d"]
sort()方法比較的是字符串，沒有按照數(shù)值的大小對數(shù)字進(jìn)行排序，要實現(xiàn)這一點，就必須使用一個排序函數(shù)
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](數(shù)組被改變)
5、reverse()
reverse()：反轉(zhuǎn)數(shù)組項的順序。
書寫格式：arr.reverse( )
var arr = [13, 24, 51, 3];
console.log(arr.reverse()); //[3, 51, 24, 13]
console.log(arr); //[3, 51, 24, 13](原數(shù)組改變)
6、concat()
concat() ：將參數(shù)添加到原數(shù)組中。這個方法會先創(chuàng)建當(dāng)前數(shù)組一個副本，然后將接收到的參數(shù)添加到這個副本的末尾，最后返回新構(gòu)建的數(shù)組。在沒有給 concat()方法傳遞參數(shù)的情況下，它只是復(fù)制當(dāng)前數(shù)組并返回副本。
書寫格式：arr.concat()，括號里面寫內(nèi)容 ("字符串要加引號"),
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](原數(shù)組未被修改)
7、slice()
slice()：返回從原數(shù)組中指定開始下標(biāo)到結(jié)束下標(biāo)之間的項組成的新數(shù)組。slice()方法可以接受一或兩個參數(shù)，即要返回項的起始和結(jié)束位置。在只有一個參數(shù)的情況下， slice()方法返回從該參數(shù)指定位置開始到當(dāng)前數(shù)組末尾的所有項。如果有兩個參數(shù)，該方法返回起始和結(jié)束位置之間的項——但不包括結(jié)束位置的項。
書寫格式：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](原數(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)為負(fù)數(shù)，當(dāng)出現(xiàn)負(fù)數(shù)時，將負(fù)數(shù)加上數(shù)組長度的值（6）來替換該位置的數(shù)，因此就是從1開始到4（不包括）的子數(shù)組。
arrCopy4中兩個參數(shù)都是負(fù)數(shù)，所以都加上數(shù)組長度6轉(zhuǎn)換成正數(shù)，因此相當(dāng)于slice(2,5)。
8、splice()
splice()：刪除、插入和替換。
刪除：指定 2 個參數(shù)：要刪除的第一項的位置和要刪除的項數(shù)。
書寫格式：arr.splice( 1 , 3 )
插入：可以向指定位置插入任意數(shù)量的項，只需提供 3 個參數(shù)：起始位置、 0（要刪除的項數(shù)）和要插入的項。
書寫格式：arr.splice( 2,0,4,6 )
替換：可以向指定位置插入任意數(shù)量的項，且同時刪除任意數(shù)量的項，只需指定 3 個參數(shù)：起始位置、要刪除的項數(shù)和要插入的任意數(shù)量的項。插入的項數(shù)不必與刪除的項數(shù)相等。
書寫格式：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]
](javascript:void(0); "復(fù)制代碼")
9、indexOf()和 lastIndexOf()
indexOf()：接收兩個參數(shù)：要查找的項和（可選的）表示查找起點位置的索引。其中， 從數(shù)組的開頭（位置 0）開始向后查找。
書寫格式：arr.indexof( 5 )
****lastIndexOf：接收兩個參數(shù)：要查找的項和（可選的）表示查找起點位置的索引。其中， 從數(shù)組的末尾開始向前查找。** **
書寫格式：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
10、forEach()
forEach()：對數(shù)組進(jìn)行遍歷循環(huán)，對數(shù)組中的每一項運行給定函數(shù)。這個方法沒有返回值。參數(shù)都是function類型，默認(rèn)有傳參，參數(shù)分別為：遍歷的數(shù)組內(nèi)容；第對應(yīng)的數(shù)組索引，數(shù)組本身。
書寫格式：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
11、map()
map()：指“映射”，對數(shù)組中的每一項運行給定函數(shù)，返回每次函數(shù)調(diào)用的結(jié)果組成的數(shù)組。
書寫格式：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]
12、filter()
filter()：“過濾”功能，數(shù)組中的每一項運行給定函數(shù)，返回滿足過濾條件組成的數(shù)組。
書寫格式：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]
](javascript:void(0); "復(fù)制代碼")
13、every()
every()：判斷數(shù)組中每一項都是否滿足條件，只有所有項都滿足條件，才會返回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
14、some()
some()：判斷數(shù)組中是否存在滿足條件的項，只要有一項滿足條件，就會返回true。
書寫格式：arr.some()
var arr = [1, 2, 3, 4, 5];
var arr2 = arr.some(function(x) { return x < 3; });
console.log(arr2); //true
var arr3 = arr.some(function(x) { return x < 1; });
console.log(arr3); // false
