ES3數(shù)組方法
join()
Array.join()方法將數(shù)組中所有元素都轉(zhuǎn)化為字符串并連接在一起，返回最后生成的字符串。
var a = [1, 2, 3];
a.join(); // => "1,2,3"
a.join(' '); // => "1 2 3"
var b = new Array(10);
b.join('-') //=> '---------':9個(gè)連字號(hào)組成的字符串
Array.join()方法是String.split()方法的逆向操作，后者是將字符串分割成若干塊來(lái)創(chuàng)建一個(gè)數(shù)組
reverse()
Array.reverse()方法將數(shù)組中的元素顛倒順序，并返回該數(shù)組的引用，即原數(shù)組元素順序被顛倒。
var a = [1, 2, 3];
a.reverse(); //現(xiàn)在a為[3, 2, 1]
sort()
Array.sort()方法將數(shù)組中的元素排序并返回排序后的數(shù)組。
var a = ['b', 'a', 'c'];
a.sort(); //現(xiàn)在a為['a', 'b', 'c']
數(shù)組元素以字母表順序排列，如果數(shù)組包含undefined元素，它們會(huì)被排到數(shù)組的尾部。
var a = [2, 10, undefined, 3]
a.sort(); //現(xiàn)在a為[10, 2, 3, undefined]
也可以指定按某種順序排列的函數(shù)：
var numbers = [4, 2, 5, 1, 3];
numbers.sort(function(a, b) {
return a - b;
});
console.log(numbers);// [1, 2, 3, 4, 5]
concat()
Array.concat()方法創(chuàng)建并返回一個(gè)新數(shù)組。
var a = [1, 2 ,3];
a.concat(4,5); //返回[1, 2, 3, 4, 5]
a.concat([4,5]); //返回[1, 2, 3, 4, 5]
slice()
Array.slice()方法返回指定數(shù)組的一個(gè)片段或子數(shù)組。它的兩個(gè)參數(shù)分別指定了片段的開始和結(jié)束位置。返回的數(shù)組包含第一個(gè)參數(shù)指定的位置和所有到但不包括第二個(gè)參數(shù)指定位置的所有數(shù)組元素，如只指定一個(gè)參數(shù)則返回第一個(gè)參數(shù)指定位置到數(shù)組結(jié)尾的所有元素。如參數(shù)中出現(xiàn)負(fù)數(shù)，它表示相對(duì)于數(shù)組中最后一個(gè)元素的位置。例如參數(shù)-1表示倒數(shù)第一個(gè)元素。
var a = [1, 2 , 3, 4, 5];
a.slice(0,3); //返回[1, 2, 3]
a.slice(3); //返回[4, 5]
a.slice(1, -1); //返回[2, 3, 4]
splice()
Array.splice()方法是在數(shù)組中插入或刪除元素的通用方法。splice()會(huì)改變數(shù)組本身。
splice()方法能夠從數(shù)組中刪除元素，插入元素到數(shù)組中或同時(shí)完成這兩種操作。在插入或刪除點(diǎn)之后的數(shù)組元素會(huì)根據(jù)需要增加或減小它們的索引值，因此數(shù)組的其他部分仍然保持連續(xù)的。
splice()的第一個(gè)參數(shù)指定了插入或刪除的起始位置。第二個(gè)參數(shù)指定了應(yīng)該從數(shù)組中刪除的元素的個(gè)數(shù)。如果省略第二個(gè)參數(shù)，從起始點(diǎn)開始到數(shù)組結(jié)尾的所有元素都將被刪除。splice()返回一個(gè)由刪除元素組成的數(shù)組，或者如果沒(méi)有刪除元素就返回一個(gè)空數(shù)組。
var a = [1, 2 , 3, 4, 5, 6, 7, 8];
a.splice(4); //返回[5, 6, 7, 8]，a是[1, 2, 3, 4]
a.splice(1, 2); //返回[2, 3]，a是[1, 4]
a.splice(1, 1); //返回[4]，a是[1]
splice()的前兩個(gè)參數(shù)指定了需要?jiǎng)h除的數(shù)組元素，緊隨其后的任意個(gè)數(shù)的參數(shù)指定了需要插入到數(shù)組中的元素，從第一個(gè)參數(shù)指定的位置開始插入。
var a = [1, 2 , 3, 4, 5];
a.splice(2, 0, 'a', 'b'); //返回[]，a是[1, 2, 'a', 'b' , 3, 4, 5]
a.splice(2, 2, [1, 2], 3); //返回[ 'a', 'b']，a是[1, 2, [1, 2], 3 , 3, 4, 5]
push()和pop()方法
push()和pop()方法允許將數(shù)組當(dāng)做棧來(lái)使用。push()方法在數(shù)組的尾部添加一個(gè)或多個(gè)元素，并返回?cái)?shù)組新的長(zhǎng)度。pop()方法則相反：它刪除數(shù)組的最后一個(gè)元素，減小數(shù)組長(zhǎng)度并返回它刪除的值。
var stack = []; //stack:[]
stack.push(1,2); //statck:[1,2];返回2
stack.pop(); //stack:[1];返回2
unshift()和shift()
unshift()和shift()方法的行為非常類似push()和pop()。unshift()在頭部添加一個(gè)或多個(gè)元素，并移動(dòng)其他元素獲取空間，最后返回?cái)?shù)組新長(zhǎng)度。shift()刪除數(shù)組的第一個(gè)元素并將其返回，然后把其他元素前移。
var a = []; //a:[]
a.unshift(1); //a:[1]; 返回1
a.unshift(2); //a:[2,1]; 返回2
a.shift(); //a:[1]; 返回2
toString()和toLocaleString()
toString()將數(shù)組所有元素轉(zhuǎn)化為字符串并且輸出用逗號(hào)分隔的字符串列表，和不使用任何參數(shù)調(diào)用join()方法返回的字符串一致
[1, 2, 3].toString() //生成'1,2,3'
[1,[2, 'c']].toString() //生成'1,2,c'
toLocaleString()返回一個(gè)字符串表示數(shù)組中的元素。數(shù)組中的元素將使用各自的 toLocaleString方法轉(zhuǎn)成字符串，這些字符串將使用一個(gè)特定語(yǔ)言環(huán)境的字符串（例如一個(gè)逗號(hào) ","）隔開。
var number = 1337;
var date = new Date();
var myArr = [number, date, "foo"];
var str = myArr.toLocaleString();
console.log(str);
// 輸出 "1337,2015/2/27 下午8:29:04,foo"
// 假定運(yùn)行在中文（zh-CN）環(huán)境，北京時(shí)區(qū)
ES5數(shù)組方法
forEach()
forEach方法遍歷數(shù)組，為每個(gè)元素調(diào)用指定的函數(shù)。傳遞的函數(shù)為forEach的第一個(gè)參數(shù)，該函數(shù)有三個(gè)參數(shù)，依次為：數(shù)組元素、數(shù)組索引和數(shù)組本身。
var keys = [1,2,3];
keys.forEach(function(value, index, array){
console.log(value);
})
使用forEach遍歷數(shù)組十分簡(jiǎn)潔但是存在一些缺陷，在forEach方法中不能使用break中斷遍歷，也不能使用return返回值到外層函數(shù)。
map()
map()方法將調(diào)用的數(shù)組的每個(gè)元素傳遞給指定的函數(shù)，并返回一個(gè)數(shù)組，它包含改數(shù)組的返回值。
a = [1, 2, 3];
b= a.map(function(value){
return value*value;
})
console.log(b); //b是[1, 4, 9]
filter()
filter()方法返回的數(shù)組元素是調(diào)用的數(shù)組的一個(gè)子集。傳遞的函數(shù)是用邏輯來(lái)判定的：該函數(shù)返回true或false。如果返回的值是true或能夠轉(zhuǎn)化為true的值，則將元素加入返回子集。
a = [1, 2, 3, 4, 5];
b = a.filter(function(value){
return value > 3;
})
//b:[4, 5]
every()和some()
every()和some()方法是數(shù)組的邏輯判定：他們對(duì)數(shù)組元素應(yīng)用指定的函數(shù)進(jìn)行判定，返回true或false。
every()方法：當(dāng)且僅當(dāng)針對(duì)數(shù)組中的所有元素調(diào)用判定函數(shù)都返回true，它才返回true：
var a = [1, 2, 3, 4, 5]
a.every(function(x) {return x<10;}) // =>true:所有值小于10
a.every(function(x) {return x%2 === 0;}) // =>false:不是所有值都為偶數(shù)
some()方法：存在元素調(diào)用判定數(shù)組返回true，則返回true：
var a = [1, 2, 3, 4, 5]
a.some(function(x) {return x%2 === 0;}) // =>true:存在偶數(shù)
a.some(isNaN) // =>false:不包含非數(shù)值元素
reduce()和reduceRight()
reduce()和reduceRight()方法使用指定的函數(shù)將數(shù)組元素進(jìn)行組合，生成單個(gè)值。reduce()需要兩個(gè)參數(shù)。第一個(gè)是執(zhí)行化簡(jiǎn)操作的函數(shù)：化簡(jiǎn)函數(shù)中第一個(gè)參數(shù)為上次化簡(jiǎn)函數(shù)的返回值，第一次執(zhí)行時(shí)，為reduce()設(shè)置的第二個(gè)參數(shù)；化簡(jiǎn)函數(shù)第二個(gè)參數(shù)為數(shù)組元素、第三個(gè)參數(shù)為元素的索引、第四個(gè)參數(shù)為數(shù)組本身。
var a = [1, 2, 3, 4, 5]
var sum = a.reduce(function(x, y) {return x+y}, 0); //數(shù)組求和
reduceRgith()與reduce()方法功能一樣，不過(guò)它是按數(shù)組索引從右到左處理數(shù)組。
indexOf()和lastIndexOf()
indexOf()和lastIndexOf()搜索整個(gè)數(shù)組中具有給定值得元素，返回找到的第一個(gè)元素的索引或沒(méi)有找到返回-1，indexOf()從頭到尾搜索，lastIndexOf()從末尾開始。
a = [0, 1, 2, 1, 0]
a.indexOf(1); // => 1:a[1]是1
a.lastIndexOf(1); // =>3:a[3]是1
ES6數(shù)組方法
Array.from()
Array.from方法用于將兩類對(duì)象轉(zhuǎn)為真正的數(shù)組：類似數(shù)組的對(duì)象（array-like object）和可遍歷（iterable）的對(duì)象（包括ES6新增的數(shù)據(jù)結(jié)構(gòu)Set和Map）。
let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3};
// ES5的寫法
var arr1 = [].slice.call(arrayLike); // ['a', 'b', 'c']
// ES6的寫法
let arr2 = Array.from(arrayLike); // ['a', 'b', 'c']
Array.of()
Array.of方法用于將一組值，轉(zhuǎn)換為數(shù)組。
Array.of(3, 11, 8) // [3,11,8]
Array.of(3) // [3]
Array.of(3).length // 1
數(shù)組實(shí)例的copyWithin()
數(shù)組實(shí)例的copyWithin方法，在當(dāng)前數(shù)組內(nèi)部，將指定位置的成員復(fù)制到其他位置（會(huì)覆蓋原有成員），然后返回當(dāng)前數(shù)組。也就是說(shuō)，使用這個(gè)方法，會(huì)修改當(dāng)前數(shù)組。
Array.prototype.copyWithin(target, start = 0, end = this.length)
它接受三個(gè)參數(shù)。
- target（必需）：從該位置開始替換數(shù)據(jù)。
- start（可選）：從該位置開始讀取數(shù)據(jù)，默認(rèn)為0。如果為負(fù)值，表示倒數(shù)。
- end（可選）：到該位置前停止讀取數(shù)據(jù)，默認(rèn)等于數(shù)組長(zhǎng)度。如果為負(fù)值，表示倒數(shù)。
這三個(gè)參數(shù)都應(yīng)該是數(shù)值，如果不是，會(huì)自動(dòng)轉(zhuǎn)為數(shù)值。
[1, 2, 3, 4, 5].copyWithin(0, 3)// [4, 5, 3, 4, 5]
上面代碼表示將從3號(hào)位直到數(shù)組結(jié)束的成員（4和5），復(fù)制到從0號(hào)位開始的位置，結(jié)果覆蓋了原來(lái)的1和2。
數(shù)組實(shí)例的find()和findIndex()
數(shù)組實(shí)例的find方法，用于找出第一個(gè)符合條件的數(shù)組成員。它的參數(shù)是一個(gè)回調(diào)函數(shù)，所有數(shù)組成員依次執(zhí)行該回調(diào)函數(shù)，直到找出第一個(gè)返回值為true
的成員，然后返回該成員。如果沒(méi)有符合條件的成員，則返回undefined。
[1, 4, -5, 10].find((n) => n < 0)// -5
數(shù)組實(shí)例的findIndex方法的用法與find方法非常類似，返回第一個(gè)符合條件的數(shù)組成員的位置，如果所有成員都不符合條件，則返回-1。
[1, 5, 10, 15].findIndex(function(value, index, arr) { return value > 9;}) // 2
數(shù)組實(shí)例的fill()
fill方法使用給定值，填充一個(gè)數(shù)組。
['a', 'b', 'c'].fill(7)// [7, 7, 7]new Array(3).fill(7)// [7, 7, 7]
數(shù)組實(shí)例的entries()，keys()和values()
ES6提供三個(gè)新的方法entries()，keys()和values()用于遍歷數(shù)組。
for (let index of ['a', 'b'].keys()) {
console.log(index);
}
// 0
// 1
for (let elem of ['a', 'b'].values()) {
console.log(elem);
}
// 'a'
// 'b'
for (let [index, elem] of ['a', 'b'].entries()) {
console.log(index, elem);
}
// 0 "a"
// 1 "b"
參考資料
《ECMAScript 6 入門》數(shù)組的擴(kuò)展
《Javascript權(quán)威指南》
