摘要：可選到該位置前停止讀取數(shù)據(jù)，默認(rèn)等于數(shù)組長(zhǎng)度。找出第一個(gè)符合條件的數(shù)組元素，參數(shù)是一個(gè)回調(diào)函數(shù)，所有數(shù)組元素依次執(zhí)行該回調(diào)函數(shù)，直到找出第一個(gè)返回值為的元素，然后返回該元素?；卣{(diào)函數(shù)可以接受三個(gè)參數(shù)，依次為當(dāng)前的值當(dāng)前的位置和原數(shù)組。

ECMA-262/5.1 規(guī)范

Array.isArray ( arg )
// false or true

不支持此方法的IE9-等瀏覽器可以這樣處理：

Object.prototype.toString.call(obj) === "[object Array]";

數(shù)組的 valueOf 會(huì)默認(rèn)調(diào)用 toString 方法，所以他們的返回值一樣，都是逗號(hào)分隔每一項(xiàng)組成的字符串

var months = ["Jan", "Feb", "Mar", "Apr"];
months.toString(); // "Jan,Feb,Mar,Apr"

調(diào)用數(shù)組每一項(xiàng)的 toLocaleString 方法，有時(shí)和 toString 方法的結(jié)果是一樣的。有時(shí)也不同，比如 Date 對(duì)象元素組成的數(shù)組里，返回的結(jié)果會(huì)不同。

a.join();      // "Wind,Rain,Fire"
a.join(", ");  // "Wind, Rain, Fire"
a.join(" + "); // "Wind + Rain + Fire"
a.join("");    // "WindRainFire"

如果數(shù)組中的某一項(xiàng)的值是 null 或者 undefined，那么該值在 join()、toLocale-String()、toString() 和 valueOf() 方法返回的結(jié)果中以空字符串表示

操作原數(shù)組，返回刪除項(xiàng)

var a = [1, 2, 3];
var b = a.pop();

console.log(a); // [1, 2]
console.log(b); // 3

操作的原數(shù)組，返回?cái)?shù)組長(zhǎng)度

var a = [1, 2, 3];
var b = a.push(4, 5);

console.log(a); // [1, 2, 3, 4, 5]
console.log(b); // 5

操作的原數(shù)組，返回刪除項(xiàng)

var a = [1, 2, 3];
var b = a.shift();

console.log(a); // [2, 3]
console.log(b); // 1

操作的原數(shù)組，返回?cái)?shù)組長(zhǎng)度

var a = [1, 2, 3];
var b = a.unshift(4, 5);

console.log(a); // [4, 5, 1, 2, 3]
console.log(b); // 5

操作原數(shù)組，返回?cái)?shù)組

var a = ["one", "two", "three"];
var b= a.reverse();

console.log(a); // ["three", "two", "one"]
console.log(b); // ["three", "two", "one"]

按照 Unicode code 位置排序，默認(rèn)升序

var fruit = ["cherries", "apples", "bananas"];
fruit.sort(); // ["apples", "bananas", "cherries"]

var scores = [1, 10, 21, 2];
scores.sort(); // [1, 10, 2, 21]

// because "10" is mix of two characters "1" and "0" so "10" is before "2" in Unicode code point order.

之前寫(xiě)過(guò)一篇排序方法的深入解讀，感興趣請(qǐng)點(diǎn)擊這里

深入淺出 JavaScript 的 Array.prototype.sort 排序算法

返回新數(shù)組

var arr1 = ["a", "b", "c"];
var arr2 = ["d", "e", "f"];

var arr3 = arr1.concat(arr2);

console.log(arr3);
// expected output: ["a", "b", "c", "d", "e", "f"]

返回新數(shù)組

傳入兩個(gè)參數(shù) 起始位置（包含） 結(jié)束位置（不包含），虎頭蛇尾，有始無(wú)終。

只傳一個(gè)參數(shù)默認(rèn)截取到數(shù)組末尾

傳遞的參數(shù)中有一個(gè)負(fù)數(shù)，則用數(shù)組長(zhǎng)度加上該數(shù)來(lái)確定位置。長(zhǎng)度為 5 的數(shù)組 slice（-2，-1） 與 slice（3, 4） 結(jié)果相同。

結(jié)束位置小于起始位置，則返回空數(shù)組

var a = ["1", "2", "3", "4"];
var sliced = a.slice(1, 3);

console.log(a);      // ["1", "2", "3", "4"]
console.log(sliced); // ["2", "3"]

可以實(shí)現(xiàn) 刪除、插入（元素個(gè)數(shù)大于要?jiǎng)h除的元素個(gè)數(shù)）、替換（刪除一個(gè)，再添加一個(gè)）

返回被刪除元素組成的數(shù)組，如果沒(méi)有被刪除元素，返回空數(shù)組

參數(shù)： 起始位置(包含)、要?jiǎng)h除的元素個(gè)數(shù)、元素

var myFish = ["angel", "clown", "mandarin", "sturgeon"];

myFish.splice(2, 0, "drum");
// ["angel", "clown", "drum", "mandarin", "sturgeon"]

myFish.splice(2, 1);
// ["angel", "clown", "mandarin", "sturgeon"]

myFish.splice(-1, 0, "drum");
//["angel", "clown", "mandarin", "drum", "sturgeon"]

indexOf 和 lastIndexOf 都接受兩個(gè)參數(shù)：查找的值、查找起始位置

不存在，返回 -1 ；存在，返回位置。indexOf 是從前往后查找， lastIndexOf 是從后往前查找。

var a = [2, 9, 9];
a.indexOf(2); // 0
a.indexOf(7); // -1

if (a.indexOf(7) === -1) {
  // element doesn"t exist in array
}

var numbers = [2, 5, 9, 2];
numbers.lastIndexOf(2);     // 3
numbers.lastIndexOf(7);     // -1
numbers.lastIndexOf(2, 3);  // 3
numbers.lastIndexOf(2, 2);  // 0
numbers.lastIndexOf(2, -2); // 0
numbers.lastIndexOf(2, -1); // 3

ECMAScript 5 提供了5個(gè)迭代方法，他們的參數(shù)都是

給定的函數(shù)(當(dāng)前元素、位置、數(shù)組)

可選的，執(zhí)行回調(diào)是的 this 值

對(duì)數(shù)組的每一項(xiàng)都運(yùn)行給定的函數(shù)，每一項(xiàng)都返回 ture,則返回 true

function isBigEnough(element, index, array) {
  return element < 10;
}

[2, 5, 8, 3, 4].every(isBigEnough);   // true

對(duì)數(shù)組的每一項(xiàng)都運(yùn)行給定的函數(shù)，任意一項(xiàng)都返回 ture,則返回 true

function isBiggerThan10(element, index, array) {
  return element > 10;
}

[2, 5, 8, 1, 4].some(isBiggerThan10);  // false
[12, 5, 8, 1, 4].some(isBiggerThan10); // true

對(duì)數(shù)組的每一項(xiàng)都運(yùn)行給定的函數(shù)，返回 結(jié)果為 ture 的項(xiàng)組成的數(shù)組

var words = ["spray", "limit", "elite", "exuberant", "destruction", "present", "happy"];

var longWords = words.filter(function(word){
  return word.length > 6;
});
// Filtered array longWords is ["exuberant", "destruction", "present"]

對(duì)數(shù)組的每一項(xiàng)都運(yùn)行給定的函數(shù)，返回每次函數(shù)調(diào)用的結(jié)果組成一個(gè)新數(shù)組

var numbers = [1, 5, 10, 15];
var doubles = numbers.map(function(x) {
   return x * 2;
});
// doubles is now [2, 10, 20, 30]
// numbers is still [1, 5, 10, 15]

const items = ["item1", "item2", "item3"];
const copy = [];

items.forEach(function(item){
  copy.push(item)
});

reduce、reduceRight 一個(gè)是從前往后遍歷，一個(gè)是從后往前遍歷，比上面的五個(gè)迭代方法回調(diào)函數(shù)多了一個(gè)參數(shù)：上一項(xiàng)的值

回調(diào)函數(shù)參數(shù) 上一項(xiàng)、當(dāng)前元素、位置、數(shù)組

var numbers = [0, 1, 2, 3];

var result = numbers.reduce(function(accumulator, currentValue) {
    return accumulator + currentValue;
});

console.log(result);
// expected output: 6

var flattened = [[0, 1], [2, 3], [4, 5]].reduceRight(function(a, b) {
    return a.concat(b);
}, []);

// flattened is [4, 5, 2, 3, 0, 1]

隊(duì)列方法和棧方法操作的都是原數(shù)組，增加數(shù)組元素的時(shí)候，返回值是數(shù)組長(zhǎng)度；刪除數(shù)組元素的時(shí)候，返回值是被刪除的元素。

棧方法：push、pop

隊(duì)列方法：shift、unshift

重排序方法：reverse、sort

重排序方法：reverse、sort

操作方法：splice、slice、concat

迭代方法中：filter、map

ECMA-262/6.0 規(guī)范

將類似數(shù)組的對(duì)象（array-like object）和可遍歷（iterable）的對(duì)象轉(zhuǎn)為真正的數(shù)組

const bar = ["a", "b", "c"];
Array.from(bar);
// ["a", "b", "c"]

Array.from("foo");
// ["f", "o", "o"]

用于將一組值，轉(zhuǎn)換為數(shù)組

這個(gè)方法的主要目的，是彌補(bǔ)數(shù)組構(gòu)造函數(shù) Array() 的不足。因?yàn)閰?shù)個(gè)數(shù)的不同，會(huì)導(dǎo)致 Array() 的行為有差異。

Array() // []
Array(3) // [, , ,]
Array(3, 11, 8) // [3, 11, 8]

Array.of(7);       // [7]
Array.of(1, 2, 3); // [1, 2, 3]

Array(7);          // [ , , , , , , ]
Array(1, 2, 3);    // [1, 2, 3]

將指定位置的元素復(fù)制到其他位置（會(huì)覆蓋原有元素），返回當(dāng)前數(shù)組。該方法會(huì)修改當(dāng)前數(shù)組。

它接受三個(gè)參數(shù)。

target（必需）：從該位置開(kāi)始替換數(shù)據(jù)。

start（可選）：從該位置開(kāi)始讀取數(shù)據(jù)，默認(rèn)為0。如果為負(fù)值，表示倒數(shù)。

end（可選）：到該位置前停止讀取數(shù)據(jù)，默認(rèn)等于數(shù)組長(zhǎng)度。如果為負(fù)值，表示倒數(shù)。

[1, 2, 3, 4, 5].copyWithin(-2);
// [1, 2, 3, 1, 2]

[1, 2, 3, 4, 5].copyWithin(0, 3);
// [4, 5, 3, 4, 5]

[1, 2, 3, 4, 5].copyWithin(0, 3, 4);
// [4, 2, 3, 4, 5]

[1, 2, 3, 4, 5].copyWithin(-2, -3, -1);
// [1, 2, 3, 3, 4]

使用給定值，填充一個(gè)數(shù)組。

會(huì)抹除數(shù)組原有的元素

還可以接受第二個(gè)和第三個(gè)參數(shù)，用于指定填充的起始位置和結(jié)束位置。

var numbers = [1, 2, 3]
numbers.fill(1);
// results in [1, 1, 1]

["a", "b", "c"].fill(7, 1, 2)
// ["a", 7, "c"]

找出第一個(gè)符合條件的數(shù)組元素，參數(shù)是一個(gè)回調(diào)函數(shù)，所有數(shù)組元素依次執(zhí)行該回調(diào)函數(shù)，直到找出第一個(gè)返回值為 true 的元素，然后返回該元素。如果沒(méi)有符合條件的元素，則返回 undefined?；卣{(diào)函數(shù)可以接受三個(gè)參數(shù)，依次為當(dāng)前的值、當(dāng)前的位置和原數(shù)組。

[1, 5, 10, 15].find(function(value, index, arr) {
  return value > 9;
}) // 10

[1, 5, 2, 3].find(function(value, index, arr) {
  return value > 9;
}) // undefined

findIndex 方法的用法與 find 方法非常類似，返回第一個(gè)符合條件的數(shù)組元素的位置，如果所有元素都不符合條件，則返回 -1。

[1, 5, 10, 15].findIndex(function(value, index, arr) {
  return value > 9;
}) // 2

ES6 提供三個(gè)新的方法—— entries()，keys()和 values() —— 用于遍歷數(shù)組。它們都返回一個(gè)遍歷器對(duì)象，可以用 for...of 循環(huán)進(jìn)行遍歷，唯一的區(qū)別是 keys() 是對(duì)鍵名的遍歷、values() 是對(duì)鍵值的遍歷，entries() 是對(duì)鍵值對(duì)的遍歷。

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"

var a = ["a", "b", "c"];
var iterator = a.entries();

console.log(iterator.next().value); // [0, "a"]
console.log(iterator.next().value); // [1, "b"]
console.log(iterator.next().value); // [2, "c"]

var arr = ["a", "b", "c"];
var iterator = arr.keys();

console.log(iterator.next()); // { value: 0, done: false }
console.log(iterator.next()); // { value: 1, done: false }
console.log(iterator.next()); // { value: 2, done: false }
console.log(iterator.next()); // { value: undefined, done: true }

var a = ["w", "y", "k", "o", "p"];
var iterator = a.values();

console.log(iterator.next().value); // w
console.log(iterator.next().value); // y
console.log(iterator.next().value); // k
console.log(iterator.next().value); // o
console.log(iterator.next().value); // p

更多使用方式，可以參考 阮一峰 ECMAScript 6入門(mén)

ECMA-262/7.0 規(guī)范

判斷數(shù)組中是否存在該元素

參數(shù)：查找的值、起始位置

可以替換 ES5 時(shí)代的 indexOf 判斷方式

indexOf 判斷元素是否為 NaN，會(huì)判斷錯(cuò)誤

var a = [1, 2, 3];
a.includes(2); // true
a.includes(4); // false

ECMA-262/8.0 規(guī)范

ES8 沒(méi)增加數(shù)組方法

JavaScript 高級(jí)程序設(shè)計(jì)

MDN web docs

阮一峰 ECMAScript 6入門(mén)