JavaScript 陣列方法：`forEach`、`map`、`filter` 和 `reduce`

JavaScript 陣列方法：forEach、map、filter 和 reduce

JavaScript 提供了幾種強大的方法來處理陣列。這些方法（forEach、map、filter 和 reduce）可以讓您的程式碼更有效率且更易於閱讀。讓我們使用簡單的類比和範例來探索這些方法。

對於每個

比喻：玩盒子裡的每個玩具

想像你有一盒玩具，你想一個一個地玩每個玩具。你把每個玩具從盒子裡拿出來，玩它，然後把它放回去。

範例：

說明：
你看著盒子裡的每個玩具並玩它。

地圖

比喻：把每個玩具變成新的東西

假設你有一盒玩具，你想把每個玩具變成別的東西。例如，你把每輛車變成賽車，每個娃娃變成超級英雄，每個球變成籃球。

範例：

說明：
您將每個玩具變成一個新版本，並將新玩具放入新盒子中。

篩選

比喻：只選某些玩具來玩

你有一盒玩具，但今天你只想玩紅色的玩具。所以，你翻遍盒子，只取出紅色玩具。

範例：

說明：
您只選擇符合特定條件的玩具（在本例中為紅色）。

減少

比喻：將所有玩具組合成一個巨​​型玩具

想像一下您想透過將所有玩具組合在一起來創造一個大玩具。你把每個玩具都拿走，然後把它一個一個地加到巨型玩具中。

範例：

說明：
您從一個空的大型玩具開始，然後不斷添加每個玩具，直到您擁有一個大玩具。

把它們放在一起

假設您有一盒不同的玩具，並且您想要：

1. 查看每個玩具，看看它是什麼（forEach）。
2. 將每個玩具變成新版本（地圖）。
3. 僅選擇藍色的玩具（過濾器）。
4. 將所有選定的玩具組合成一個巨​​型玩具（減少）。

說明：

1. 看看每個玩具。
2. 將每個玩具更換為新版本。
3. 只選藍色玩具。
4. 將它們組合成一個大玩具。

進階選項和技術

對於每個

• 跳出 forEach： 你無法跳出 forEach 迴圈。如果您需要此功能，請考慮使用 for 迴圈或 for...of.
• 使用 thisArg： 你可以提供一個 thisArg 來在回呼中用作 this 。

地圖

• 使用 thisArg： 與 forEach 類似，你可以提供一個 thisArg 在回呼中用作 this 。

• 傳回不同類型：map 可以傳回不同類型的陣列。

篩選

• 複雜條件：使用複雜條件進行過濾。

減少

• 初始值： 始終提供初始值以避免意外結果。

• Reduce 為物件： 可以使用reduce 來建立物件。

透過了解這些方法及其進階選項，您可以編寫更有效率、更易讀的 JavaScript 程式碼。快樂編碼！

以上是JavaScript 陣列方法：`forEach`、`map`、`filter` 和 `reduce`的詳細內容。更多資訊請關注PHP中文網其他相關文章！