前言

陣列方法有太多了，本文記錄一些本人容易記錯的一些陣列方法，用於鞏固及複習。
後續會慢慢的將其他陣列方法新增進來。
善用陣列方法可以使資料處理變的優雅且簡單。
那下面讓我們開始吧:

filter()

描述：

filter() 方法建立一個新陣列，並將符合條件的所有元素新增到建立的新陣列中。

語法：

Array.filter(callback(element, index, array) { // 函式體 }, thisValue)

引數：

callback與thisValue

1. callback的引數列表

2. thisValue的引數

執行 callback 時，用於 this 的值。

返回值：

是一個由 filter() 引數一函式的返回值組成的新陣列

示例：

let users = [
  {id: 11, name: "孫悟空"},
  {id: 21, name: "豬八戒"},
  {id: 31, name: "沙和尚"}
];

// 返回前兩個使用者的陣列
let filterUsers = users.filter(item => item.id < 31);

console.log(filterUsers.length); // 2

map()

描述：

map() 方法建立一個新陣列，新陣列的每個元素是呼叫一次給定函式的返回值。

語法：

Array.map(callback(currentValue, index, array) { // 函式體 }, thisValue)
 

引數：

callback與thisValue

1. callback的引數列表

2. thisValue的引數

執行 callback 時，用於 this 的值。
​

返回值：

是一個由原陣列每個元素執行回撥函式的結果組成的新陣列。

示例：

let number = [1, 2, 3].map(item => item + 1);

console.log(lengths); // 2, 3, 4

sort()

描述：

map() 方法在原陣列上進行修改更改元素的順序
注：預設排序順序是在將元素轉換為字串，然後比較它們的UTF-16程式碼單元值序列時

語法：

Array.sort( compareFunction )

引數：

compareFunction

1. compareFunction的引數列表

compareFunction返回值
返回一個說明這兩個值順序的數字

• 若 a 小於 b，在排序後的陣列中 a 應該出現在 b 之前，則返回一個小於 0 的值。
• 若 a 等於 b，則返回 0。
• 若 a 大於 b，則返回一個大於 0 的值。

返回值：

返回值為排序後的陣列，但是返回值通常會被忽略，因為修改了原陣列。

示例：

let number = [1, 2, 3].map(item => item + 1);

console.log(lengths); // 2, 3, 4

reduce()

描述：

reduce() 方法為陣列中的每一個元素依次執行(升序執行)回撥函式，不包括陣列中被刪除或從未被賦值的元素。將其結果計算為一個值。
注：reduce() 可以作為一個高階函式，用於函式的 compose。

語法：

Array.reduce(callback(accumulator, currentValue, index, array), initialValue)

引數：

callback與initialValue

1. callback的引數列表

2. initialValue的引數

作為第一次呼叫 callback函式時的第一個引數的值。 如果沒有提供初始值，則將使用陣列中的第一個元素作為初始值。 在沒有初始值的空陣列上呼叫 reduce 將報錯。

返回值：

函式累計處理後的結果
執行完所有callback函式的accumulator引數
注：您的 reducer 函式的返回值分配給累計器，該返回值在陣列的每個迭代中被記住，並最後成為最終的單個結果值。

示例：

let number = [1, 2, 3, 4];

let result = number.reduce((sum, current) => sum + current, 0);

console.log(result); // 10

forEach()

描述：

reduce() 方法為陣列中的每一個元素依次執行(升序執行)回撥函式，不包括陣列中被刪除或從未被賦值的元素。將其結果計算為一個值。
注：reduce() 可以作為一個高階函式，用於函式的 compose。

語法：

Array.forEach(callback(currentValue , index , array), thisValue)

引數：

callback與thisValue

1. callback的引數列表

2. thisValue的引數

執行 callback 時，用於 this 的值。

返回值：

該方法沒有返回值。

示例：

let number = [1, 2, 3, 4];

number.forEach((item, index ,array) =>{
	console.log(item); // 1/2/3/4
});

方法列表

方法屬性：

​

​

本文參考：
_MDN中文官網 _https://developer.mozilla.org/zh-CN/
_W3School 簡體中文版 _https://www.w3school.com.cn/