數組的常用方法總結一

原創

2020-06-16 12:28

JavaScript Array對象用於在單個的變量中存儲多個值，它有很多方法，今天就先總結一些經常會用到的。

最基本的就是創建數組和訪問數組元素:
new Array();
new Array(size);
new Array(element0, element1, …, elementn);
let students = [“Charles”,”Justin];
let first = students[0]; // Charles

下面是一些會常用到的方法:
filter():
filter()方法會創建一個新數組，它對數組中的每一個元素都執行一次指定的函數操作。它的具體語法如下：
var newArr = array.filter(function(currentValue,index,arr), thisValue)；
callback在被調用時會傳入三個參數：
1. currentValue 當前元素的值，必須有
2. index 當前元素的索引值，可選
3. arr 當前元素屬於的數組對象，可選
4. thisValue 對象作爲該執行回調時使用，傳遞給函數，用作 “this” 的值。如果省略了 thisValue ，”this” 的值爲 “undefined”。可選

實例：將數組中的小值篩選排除

map():
JavaScript中遍歷數組的方法有很多種，常見的有for循環，forEach函數以及map()方法和reduce()方法。
map方法對數組中每一個元素依次運行函數，返回由每次函數執行的結果組成的新數組。它的具體語法如下:
array.map(function(currentValue,index,arr), thisValue)，具體參數意義參考上一個filter()方法。
實例:

reduce():
reduce() 方法接收一個函數作爲累加器，數組中的每個值（從左到右）開始縮減，最終計算爲一個值。reduceRight()方法的功能和reduce()
功能是一樣的，不同的是reduceRight()從數組的末尾向前將數組中的數組項做累加。它的具體語法如下:
array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
callback()函數在調用時會傳入四個參數：
1. total表示一個初始值，也是上一個值，必須
2. currentValue表示當前元素，必須
3. currentIndex表示當前元素的索引，可選
4. arr表示當前元素所屬的數組對象，可選
另外， initialValue表示傳遞給函數的初始值，可選，如果沒有改參數，reduce從index爲1開始執行回調函數，有的話，reduce將從index爲0開始執行回調。
實例：

sort()方法:
sort()方法用於對數組中的元素進行排序。如果沒有指定比較函數，則默認會按照字符的編碼順序進行升序排序，也就是說我們得到的結果可能並不是我們想要的。如果要按照其他標準的話就要提供一個比較函數，該比較函數需要接受兩個值。
實例:
按字符的編碼順序進行升序排序: