在此對工作經常用到的操作數組的方法予以總結。

ES3的數組方法

---

join();

目的：將數組轉化為字符串．
參數：無or可傳一個參數(傳超過1個的參數，默認取第一個參數), 參數為字符或字符串，參數將在數組的每個元素的間隔插入。PS: 參數無的時候，數組元素間隔為 ＇,＇．
是否改變原數組: 不改變原數組, 返回一個新的字符串．
逆向操作（字符串-》數組）：split()．

sort();

目的：將數組的元素按照一定規則排序.
參數：無or可傳一個函數(傳超過1個的函數，默認取第一個函數)。PS: 參數無的時候數組元素默認按照字母表順序排序.

函數參數：
> 你必須給sort()方法傳遞一個比較函數，所以一般傳遞倆個參數.PS:第三個參數默認undefined.
> 假設第一個參數應該在前，你應該返回一個小于0的數值，
> 否則，你應該返回一個大于0的數值,
> 假設倆個值相等(也就是說他們的排序無關緊要)，函數應該返回0.
> PS:數組元素是從前到后 倆倆比較.

是否改變原數組:改變原來的數組.

reverse();

目的：將數組中的元素顛倒順序.
參數：無(無視參數).
是否改變原數組:改變原來的數組.

concat();

目的：像膠水一樣，將參數粘合在數組后面.
參數：字符串或數組(參數不限)。
> 當參數為數組時，粘合的是數組的元素，而非數組本身.
> 但此方法不會扁平化數組參數(換句話說，如果你的參數是個數組，里面又嵌套了超過1個數組，這個里面的數組的元素不會被提取出來粘合，而是整個數組被粘合在新的數組后面).
是否改變原數組:不改變原數組, 返回一個新的數組.

slice();

目的：返回數組的一個片段或子數組.
參數：無or一個參數or倆個參數
> 無參數將原樣返回一個新的數組，相當于復制了一遍數組.
> 返回的數組包含第一個參數指定的位置，到第二個參數前面一個位置之間的所有元素.
> 如果只指定一個參數，返回的數組將包含從開始位置到結尾的所有元素.
> 如果參數中出現負數，它表示相對于數組中的最后一個元素的位置的個數.
是否改變原數組: 不改變原數組, 返回一個新的數組.

splice();

目的：從數組中刪除元素、插入元素、或者同時完成這倆種操作.

參數：前倆個參數指定了刪除，從第三個參數開始，指定拼接。
> 第二個參數指定了應該從數組中刪除元素的個數，若省略，從起始點到數組結尾的所有元素都將被刪除.
> 第三個參數開始，指被拼接到原數組的元素，區別于concat(),splice()會插入數組本身而非數組的元素(會扁平化數組)

是否改變原數組:改變原來的數組.

push()和pop();

目的：向數組中插入或刪除元素.
參數：push()方法不限制參數，并不會扁平化數組。pop()方法無視參數.
行為：類似棧，從尾部插入或刪除值，push()方法返回數組長度，pop()方法返回被刪除的值.
是否改變原數組:改變原來的數組.

unshift()和shift();

目的：向數組中插入或刪除元素.
參數：unshift()方法不限制參數，并不會扁平化數組，當參數為一連串元素時，參數類似于被粘合在數組的頭部，而不是改變參數的順序。shift()方法無視參數.
行為：倆組方法和上面的方法類似，區別在于這組方法是在數據的頭部操作.
是否改變原數組:改變原來的數組.

toString()和toLocaleString();

目的：：將數組的每個方法轉化為字符串，并且輸出用逗號分隔的字符串列表.
參數：倆個方法無視參數.
是否改變原數組: 不改變原數組, 返回一個新的字符串.

ES5的數組方法

---

indexOf()和lastIndexOf()

目的：搜索數組中具有給定值的元素。
參數：第一個參數指的是需要搜索的值，返回則找到第一個元素的索引或者如果沒有找到就返回-1.
第二個參數是可選的，它指定數組中的一個索引，表示從哪里開始搜索，可以是負數，它代表相對于數組末尾的個數。最后一個元素是-1，倒數第二個元素為-2,以此類推...
lastIndexOf()指從前往后查詢.lastIndexOf()指從后往前查詢.

map();

目的：將數組的每個元素傳遞給指定的函數，并返回一個數組，它包含該函數的返回值．
參數：一個帶有return的函數（函數中的return的值將被傳遞給新數組）．
是否改變原數組: 不改變原數組，返回一個新數組。PS: 如果原數組是個稀疏數組，返回的也是相同方式的稀疏數組，它具有相同的長度，相同的稀缺元素.

filter();

目的：將數組的每個元素傳遞給指定的函數，并返回一個數組，它包含該函數的返回值．
參數：一個帶有return的函數（函數中的返回值如果為true或者能轉化為true的值，就被添加到這個數組）．
是否改變原數組: 不改變原數組，返回一個新數組，新數組是原數組的子集。PS: 如果原數組是個稀疏數組，和上面不一樣，它返回的數組總是稠密的.

every()和some();

目的：對數組元素應用指定的函數判定.
參數：二者都需要一個函數.
>every()返回true需要滿足的條件為：數組中所有元素在函數判定下都為true則返回true，否則返回false. (PS:跟他的的漢語意思一樣，每個)
>some()返回true需要滿足的條件為：數組中有一個元素在函數判定下為true則返回true, 否則返回false. ((PS:跟他的的漢語意思一樣，一些)
> note: 執行every()時，若有一個參數為false，則返回，忽略執行后面的參數.
> note: 而some()則相反，若有一個參數為true, 則返回,忽略執行后面的參數.
對于空數組，every()返回true,some()返回 false.

reduce()和reduceRight()^*(不常用，偏用于數學計算)

目的：使用指定的函數將數組元素進行組合，生成單個值．
參數：reduce()函數的第一個參數是執行化簡操作的函數．第二個是傳遞給函數的初始值(如果無，函數將把數組中的第一個元素作為其初始值).
> 空數組上，不帶初始值參數調用此函數將會報錯.
> 如果只有一個元素且沒有指定初始值，或者有一個空數組并且指定了一個初始值，reduce()只是簡單地返回那個值而不會調用化簡函數.
>reduceRight()和reduce()作用一樣, 區別在于它執行的順序是從右到左.
是否改變原數組: 不改變原數組，返回一個新數組。

ES6的數組方法

---

Array.from();

目的：將類數組對象和可遍歷對象轉化為數組．
參數：上述對象以及第二個參數。第二個參數類似于數組中的map方法，用來對每個元素進行處理，將處理后的值放入返回的數組.
用法：const toArray = (() => Array.from ? Array.from : obj => [].slice.call(obj) )();（兼容寫法）.

Array.of();

目的：將一組值轉化為數組．
參數：無或無限(無時返回一個空數組).

copyWithin();

目的：在數組內部，將指定位置的成員復制到其他位置(會覆蓋原有成員)．
參數：target(必須): 從該位置開始替換數據.
> start(可選)：從該位置開始讀取數據.
> end(可選)：到該位置的前一個位置.
是否修改原數組：修改原數組.

find()和findIndex();

目的：在數組內部, 找到第一個符合條件的數組成員．
參數：回調函數接受三個參數，分別表示當前值，當前位置，原數組.
倆個方法都接受第二個參數用來綁定函數中的this的值.(綁定作用域).
PS： 這兩個方法都可以發現NaN，彌補了數組的IndexOf()方法的不足。

fill();

目的：如其意，填充一個數組．
參數：第一個參數表示被填充的元素.
第二個參數表示填充的起始位置.
第三個參數表示填充的結束位置(指定位置之前一個).

ES7的數組方法

includes();

目的：表示某個數組是否包含給定的值，與字符串的includes()方法類似.
參數：第一個參數表示要查找的數，第二個參數表示搜索的起始位置，返回一個布爾值.
意義：推薦使用這個而不是indexOf()因為后者會對NaN造成誤判.

總結

以上是生活随笔為你收集整理的ES3、ES5、ES6以及ES7中所有数组的方法总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。