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陣列方法總結分析就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。