JavaScript數組方法總結分析_javascript技巧

由於最近都在freecodecamp上刷代碼，運用了很多JavaScript數組的方法，因此做了一份關於JavaScript教程的整理，具體內容如下：

一、普通方法

1、join() 將數組元素串連在一起，並以字串形式返回
參數：可選，指定元素之間的分隔字元，沒有參數則預設為逗號
傳回值：字串
對原數組的影響：無

2、reverse()將數組的元素順序變成倒序返回
參數：無
傳回值：數組
對原數組的影響：原數組被修改為倒序排列之後的數組

3、sort()對數組元素進行排序並返回
參數：可選，排序的方法函數，沒有參數則預設按照字典順序排序
傳回值：排序後的數組
對原數組的影響：原數組被修改為排序之後的數組

4、concat()串連若干個數組
參數：若干個，可以是數組或者是元素，
傳回值：串連後的新數組
對原數組的影響：無

5、slice()從數組中截下若干個元素，組成新的數組並返回
參數：兩個數字，其中第二個可選，第一個參數表示開始截取的第一個元素的index值（截取時包含這個元素），如果第一個參數是負數，則指截取的元素從元素結尾開始算起（如：-1表示最後一個元素）；第二個參數的意義則是停止截取的元素的index值（截取時不包含這個字元），負值情況同第一個參數
傳回值：截取的新數組
對原數組的影響：無

6、splice()從數組中替換、刪除或插入元素並返回新數組
參數：若干個參數，其中第一個參數必需，其他為可選，第一個參數為操作的第一個index值，此時無第二個參數時，將刪除第一個參數（包含第一個參數）的index值之後所有的元素，含有第二個參數時，第二個參數刪除元素的個數，並返回這些元素組成的新數組；當第二個參數為0時，後面的參數會作為新的元素插入原數組，並返回一個空數組；當第二個參數不為0，且含有其他參數時，則進行替換操作，並返回替換之前那些原來元素組成的新數組
傳回值：刪除元素組成的新數組
對原數組的影響：會對原數組進行替換、刪除、插入等操作

7、push()向數組的尾部添加元素並返回數組長度
參數：若干個，向數組尾部添加的元素
傳回值：添加元素之後的數組的長度
對原數組的影響：原數組尾部被添加元素

8、pop()從數組尾部刪除一個元素
參數：無
傳回值：刪除的元素
對原數組的影響：原數組尾部被刪除一個元素

9、unshift()向數組的頭部添加元素並返回數組長度
參數：若干個，向數組頭部添加的元素
傳回值：添加元素之後的數組的長度
對原數組的影響：原數頭部被添加元素

10、shift()從數組頭部刪除一個元素
參數：無
傳回值：刪除的元素
對原數組的影響：原數組頭部被刪除一個元素

11、toString()將數組轉化為字串，每個元素之間以逗號相隔
參數：無
傳回值：形成的字串（二維數組中也只是串連二維數組的元素）
對原數組的影響：無

12、toLocaleString()是toString()方法的語言版本

--------------------------------------------------------------------------------

二、迭代器方法

1、foreach()對數組每個元素調用方法
參數：一個函數
傳回值：無
對原數組的影響：無

2、every()接受一個傳回值為布爾類型的函數，數組中所有的元素，該函數均返回true，則返回true，否則返回false
參數：一個傳回值為布爾類型的函數
傳回值：true或者false
對原數組的影響：無

3、some()接受一個傳回值為布爾類型的函數，數組中只要有元素，該函數返回true，則返回true，否則返回false
參數：一個傳回值為布爾類型的函數
傳回值：true或者false
對原數組的影響：無

4、map()接受一個函數作為參數，返回一個新數組，新數組的元素是原數組元素使用該函數的結果
參數：一個函數
傳回值：每個元素使用函數的結果值組成的數組
對原數組的影響：無

5、filter()接收一個傳回值為布爾值的函數作為參數，對所有元素應該該函數，並返回傳回值為true的元素組成的新數組
參數：一個函數
傳回值：每個元素使用函數為true的元素組成的數組
對原數組的影響：無

--------------------------------------------------------------------------------

三、歸併方法

1、reduce()接受一個函數作為參數，返回一個值。從一個累加值開始， 不斷對累加值和數組中的後續元素調用該函數。
參數：一個函數
傳回值：最後的累加值
對原數組的影響：無

2、reduceRight()方法
說明：和reduce一樣，只是執行順序是從右至左

以上這篇JavaScript數組方法總結分析就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援雲棲社區。