摘要：檢測(cè)數(shù)組或者檢測(cè)對(duì)象的原型鏈?zhǔn)欠裰赶驑?gòu)造函數(shù)的對(duì)象或者終極大招注意不可以用此方法檢查常用方法合并多個(gè)數(shù)組，返回合并后的新數(shù)組，原數(shù)組沒(méi)有變化。返回值是由被刪除的元素組成的一個(gè)數(shù)組。

const array = [1, 2, 3];
或者
const array = new Array();
array[0] = "1";
建議盡量使用第一種形式定義數(shù)組，采用new的形式在大量的數(shù)組定義時(shí)，會(huì)比較耗時(shí)。
new關(guān)鍵字的使用，除了在需要實(shí)例化一個(gè)對(duì)象，或罕見(jiàn)的需要延時(shí)加載數(shù)據(jù)的情況外，你基本上不需要使用new關(guān)鍵字。在Javascript里分配大量的new變量地址是一項(xiàng)很慢的操作，為了效率起見(jiàn)，你應(yīng)該始終使用對(duì)象符號(hào)。

　　在另外一個(gè)搜索結(jié)果中，有提到這樣的一個(gè)說(shuō)法：“很簡(jiǎn)單，Array()是一個(gè)對(duì)象，[]是一個(gè)數(shù)據(jù)原型。使用new Array()系統(tǒng)每次都會(huì)新生成一個(gè)對(duì)象（瀏覽器每生成一個(gè)對(duì)象都會(huì)耗費(fèi)資源去構(gòu)造他的屬性和方法），他的子集是[]；個(gè)人推薦使用[]，效率高。瀏覽器對(duì)于CPU很吃緊，所以很多時(shí)候要有技巧。比如數(shù)字轉(zhuǎn)換成字符只要a=a+"";就可以了，比用String效率高了很多。

Array.isArray([]);  // true
Array.isArray(undefined); // false;

或者
array instanceof Array; // true 檢測(cè)對(duì)象的原型鏈?zhǔn)欠裰赶驑?gòu)造函數(shù)的prototype對(duì)象
或者
array.constructor === Array; // true

終極大招：
if (!Array.isArray) {
  Array.isArray = function(arg) {
    return Object.prototype.toString.call(arg) === "[object Array]";
  };
}

注意：typeof []; // "object" 不可以用此方法檢查?。?！

合并多個(gè)數(shù)組，返回合并后的新數(shù)組，原數(shù)組沒(méi)有變化。

const array = [1,2].concat(["a", "b"], ["name"]);
// [1, 2, "a", "b", "name"]

檢測(cè)數(shù)組中的每一個(gè)元素是否都通過(guò)了callback測(cè)試，全部通過(guò)返回true，否則返回false。

// callback定義如下： element:當(dāng)前元素值；index：當(dāng)前元素下標(biāo)； array:當(dāng)前數(shù)組
function callback(element, index, array) {
  // callback函數(shù)必須返回true或者false告知every是否通過(guò)測(cè)試
  return true || false;
}

返回一個(gè)新數(shù)組，包含通過(guò)callback函數(shù)測(cè)試的所有元素。

// callback定義如下，三個(gè)參數(shù)： element:當(dāng)前元素值；index：當(dāng)前元素下標(biāo)； array:當(dāng)前數(shù)組
function callback(element, index, array) {
  // callback函數(shù)必須返回true或者false，返回true保留該元素，false則不保留。
  return true || false;
}
const filtered = [1, 2, 3].filter(element => element > 1);
// filtered: [2, 3];

返回通過(guò)callback函數(shù)測(cè)試的第一個(gè)元素，否則返回undefined，callback函數(shù)定義同上。

const finded = [1, 2, 3].find(element => element > 1);
// finded: 2

如果你需要找到一個(gè)元素的位置或者一個(gè)元素是否存在于數(shù)組中，使用Array.prototype.indexOf() 或 Array.prototype.includes()。

返回通過(guò)callback函數(shù)測(cè)試的第一個(gè)元素的索引，否則返回-1，callback函數(shù)定義同上。

const findIndex = [1, 2, 3].findIndex(element => element > 1);
// findIndex: 1

includes() 方法用來(lái)判斷一個(gè)數(shù)組是否包含一個(gè)指定的值，返回 true或 false。searchElement：要查找的元素；fromIndex：開(kāi)始查找的索引位置。

[1, 2, 3].includes(2, 2);
// false

返回在數(shù)組中可以找到一個(gè)給定元素的第一個(gè)索引，如果不存在，則返回-1。searchElement：要查找的元素；fromIndex：開(kāi)始查找的索引位置。

[2, 9, 7, 8, 9].indexOf(9);
// 1

將數(shù)組中的元素通過(guò)separator連接成字符串，并返回該字符串，separator默認(rèn)為","。

[1, 2, 3].join(";");
// "1;2;3"

返回一個(gè)新數(shù)組，新數(shù)組中的每個(gè)元素都是調(diào)用callback函數(shù)后返回的結(jié)果。注意：如果沒(méi)有return值，則新數(shù)組會(huì)插入一個(gè)undefined值。

array.map由于不具有過(guò)濾的功能，因此array調(diào)用map函數(shù)時(shí)，如果array中的數(shù)據(jù)并不是每一個(gè)都會(huì)return，則必須先f(wàn)ilter，然后再map，即map調(diào)用時(shí)必須是對(duì)數(shù)組中的每一個(gè)元素都有效。

const maped = [{name: "aa", age: 18}, {name: "bb", age: 20}].map(item => item.name + "c");
// maped: ["aac", "bbc"];

pop為從數(shù)組中刪除最后一個(gè)元素，并返回最后一個(gè)元素的值，原數(shù)組的最后一個(gè)元素被刪除。數(shù)組為空時(shí)返回undefined。

[1, 2, 3].pop();
// 3

shift刪除數(shù)組的第一個(gè)元素，并返回第一個(gè)元素，原數(shù)組的第一個(gè)元素被刪除。數(shù)組為空返回undefined。

const shifted = ["one", "two", "three"].shift();
// shifted: "one"

push是將一個(gè)或多個(gè)元素添加到數(shù)組的末尾，并返回新數(shù)組的長(zhǎng)度; unshift將一個(gè)或多個(gè)元素添加到數(shù)組的開(kāi)頭，并返回新數(shù)組的長(zhǎng)度。唯一的區(qū)別就是插入的位置不同。

const arr = [1, 2, 3];
const length = arr.push(4, 5);
// arr: [1, 2, 3, 4, 5]; length: 5

push和unshift方法具有通用性，通過(guò)call()或者apply()方法調(diào)用可以完成合并兩個(gè)數(shù)組的操作。

const vegetables = ["parsnip", "potato"];
const moreVegs = ["celery", "beetroot"];

// 將第二個(gè)數(shù)組融合進(jìn)第一個(gè)數(shù)組
// 相當(dāng)于 vegetables.push("celery", "beetroot");
Array.prototype.push.apply(vegetables, moreVegs);
或者
[].push.apply(vegetables, moreVegs);
// vegetables: ["parsnip", "potato", "celery", "beetroot"]

對(duì)數(shù)組中的每個(gè)元素（從左到右）執(zhí)行callback函數(shù)累加，將其減少為單個(gè)值。

const total = [0, 1, 2, 3].reduce((sum, value) => {
  return sum + value;
}, 0);
// total is 6

const flattened = [[0, 1], [2, 3], [4, 5]].reduce((a, b) => {
  return a.concat(b);
}, []);
// flattened is [0, 1, 2, 3, 4, 5]

// initialValue累加器初始值， callback函數(shù)定義：
function callback(accumulator, currentValue, currentIndex, array) {
}
accumulator代表累加器的值，初始化時(shí)，如果initialValue有值，則accumulator初始化的值為initialValue，整個(gè)循環(huán)從第一個(gè)元素開(kāi)始；initialValue無(wú)值，則accumulator初始化的
值為數(shù)組第一個(gè)元素的值，currentValue為數(shù)組第二個(gè)元素的值，整個(gè)循環(huán)從第二個(gè)元素開(kāi)始。initialValue的數(shù)據(jù)類(lèi)型可以是任意類(lèi)型，不需要跟原數(shù)組內(nèi)的元素值類(lèi)型一致。


const newArray = [{ name: "aa", age: 1 }, { name: "bb", age: 2 }, { name: "cc", age: 3 }].reduce((arr, element) => {
  if (element.age >= 2) {
    arr.push(element.name);
  }
  return arr; // 必須有return，因?yàn)閞eturn的返回值會(huì)被賦給新的累加器，否則累加器的值會(huì)為undefined。
}, []);

// newArray is ["bb", "cc"];

上面代碼的同等寫(xiě)法：
const newArray = [{ name: "aa", age: 1 }, { name: "bb", age: 2 }, { name: "cc", age: 3 }].filter(element => element.age >= 2).map(item => item.name);
// newArray is ["bb", "cc"];

對(duì)于reduce的特殊用法，其實(shí)類(lèi)似于省略了一個(gè)變量初始化步驟，然后通過(guò)每次的callback的返回修改該變量，最后返回最終變量值的過(guò)程，類(lèi)似于一個(gè)變量聲明 + 一個(gè)forEach執(zhí)行過(guò)程。
const newArray = [];
[{ name: "aa", age: 1 }, { name: "bb", age: 2 }, { name: "cc", age: 3 }].forEach(item => {
 if (item.age >=2) {
  newArray.push(item.name);
 }
});

將數(shù)組中元素的位置顛倒。

["one", "two", "three"].reverse();
// ["three", "two", "one"]，原數(shù)組被翻轉(zhuǎn)

返回一個(gè)新數(shù)組，包含原數(shù)組從begin 到 end(不包含end)索引位置的所有元素。

const newArray = ["zero", "one", "two", "three"].slice(1, 3);
// newArray: ["one", "two"];

判斷數(shù)組中是否包含可以通過(guò)callback測(cè)試的元素，與every不同的是，這里只要某一個(gè)元素通過(guò)測(cè)試，即返回true。callback定義同上。

[2, 5, 8, 1, 4].some(item => item > 6);
// true

對(duì)數(shù)組中的元素進(jìn)行排序，compareFunction不存在時(shí)，元素按照轉(zhuǎn)換為的字符串的諸個(gè)字符的Unicode位點(diǎn)進(jìn)行排序，慎用！請(qǐng)使用時(shí)一定要加compareFunction函數(shù)，而且該排序是不穩(wěn)定的。

[1, 8, 5].sort((a, b) => {
  return a-b; // 從小到大排序
});
// [1, 5, 8]

通過(guò)刪除現(xiàn)有元素和/或添加新元素來(lái)更改一個(gè)數(shù)組的內(nèi)容。start:指定修改的開(kāi)始位置；deleteCount：從 start位置開(kāi)始要?jiǎng)h除的元素個(gè)數(shù)；item...：要添加進(jìn)數(shù)組的元素,從start 位置開(kāi)始。

返回值是由被刪除的元素組成的一個(gè)數(shù)組。如果只刪除了一個(gè)元素，則返回只包含一個(gè)元素的數(shù)組。如果沒(méi)有刪除元素，則返回空數(shù)組。

如果 deleteCount 大于start 之后的元素的總數(shù)，則從 start 后面的元素都將被刪除（含第 start 位）。

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

const deleted = myFish.splice(2, 0, "drum"); // 在索引為2的位置插入"drum"
// myFish 變?yōu)?["angel", "clown", "drum", "mandarin", "sturgeon"]，deleted為[]

push、 shift、 pop、 unshift、 reverse、 sort、 splice方法會(huì)對(duì)原來(lái)的數(shù)組進(jìn)行修改，其他的數(shù)組操作方法只有返回值不同，對(duì)原數(shù)組都沒(méi)有影響，即原數(shù)組不變。

在看vue代碼的時(shí)候，發(fā)現(xiàn)vue教程里面Array.apply(null, {length: 20})的用法，apply一直以為第二個(gè)參數(shù)只能是[]或者Arguments這樣的類(lèi)數(shù)組，了解了下發(fā)現(xiàn){length: 20}也是類(lèi)數(shù)組。 帶有l(wèi)ength屬性的obj在apply函數(shù)里都被認(rèn)定為類(lèi)數(shù)組。可以理解為這里的{length: 20}會(huì)被默認(rèn)為是一個(gè)數(shù)組了。下圖的slice操作是只能在數(shù)組對(duì)象執(zhí)行的操作，所以這里是一個(gè)數(shù)組。

看了下代碼，apply生成的數(shù)組里面被初始化為了undefined，就是生成了長(zhǎng)度為5的數(shù)組，而且數(shù)組的每個(gè)元素都被初始化為了undefined。
Array(5)和new Array(5)調(diào)用效果是一致的。官網(wǎng)解釋為：當(dāng)把構(gòu)造函數(shù)作為函數(shù)調(diào)用，不使用 new 運(yùn)算符時(shí)，它的行為與使用 new 運(yùn)算符調(diào)用它時(shí)的行為完全一樣。 它們也生成了長(zhǎng)度為5的數(shù)組，但是是個(gè)空數(shù)組，數(shù)組中的每個(gè)元素都沒(méi)有初始化。

為什么要這么寫(xiě)？
map函數(shù)并不會(huì)遍歷數(shù)組中沒(méi)有初始化或者被delete的元素（有相同限制還有forEach, reduce方法）。
Array.apply(null, { length: 5 }) 是用來(lái)初始化一個(gè)長(zhǎng)度為5，每項(xiàng)的初始值都是undefined的數(shù)組。

    render (createElement) {
      return createElement("div",
      // 這里apply第一個(gè)對(duì)象為null, 當(dāng)調(diào)用的函數(shù)不需要this對(duì)象時(shí)，可以傳null，在es5之前瀏覽器會(huì)將null代表的this指向window。es5之后，瀏覽器不會(huì)再將this指向window。這里傳null是因?yàn)锳rray構(gòu)造函數(shù)會(huì)重新創(chuàng)建this，不需要傳入this對(duì)象。
        Array.apply(null, { length: 20 }).map(function () {
         // 這里如果用Array(2)的形式，map的回調(diào)函數(shù)不會(huì)被執(zhí)行
          return createElement("p", "hi")
        })
      )
    }