循環(huán)是遍歷數(shù)組、對(duì)象等數(shù)據(jù)結(jié)構(gòu)的核心操作。而 Array.forEach 作為一種常用的迭代方法，卻常常被認(rèn)為是最慢的選擇之一。這種說(shuō)法并非毫無(wú)根據(jù)，了解其背后的原因能夠幫助我們更好地選擇循環(huán)方式，提升代碼性能。

forEach 的簡(jiǎn)潔與便利

Array.forEach 提供了一種簡(jiǎn)潔的方式來(lái)遍歷數(shù)組，它接受一個(gè)回調(diào)函數(shù)作為參數(shù)，該回調(diào)函數(shù)會(huì)在數(shù)組的每個(gè)元素上執(zhí)行一次。其語(yǔ)法簡(jiǎn)潔明了，易于理解：

這種聲明式的風(fēng)格使得代碼更加清晰，尤其是在處理復(fù)雜邏輯時(shí)。

forEach 的性能瓶頸

盡管 forEach 提供了代碼可讀性的優(yōu)勢(shì)，但在性能方面，它往往不如傳統(tǒng)的 for 循環(huán)或 for...of 循環(huán)：

• 函數(shù)調(diào)用開(kāi)銷(xiāo)： forEach 本質(zhì)上是一個(gè)高階函數(shù)，每次迭代都需要調(diào)用回調(diào)函數(shù)。函數(shù)調(diào)用本身會(huì)帶來(lái)一定的開(kāi)銷(xiāo)，包括創(chuàng)建函數(shù)上下文、參數(shù)傳遞等。當(dāng)數(shù)組規(guī)模較大時(shí)，這種開(kāi)銷(xiāo)會(huì)累積起來(lái)，顯著影響性能。
• 無(wú)法中斷循環(huán)： forEach 沒(méi)有像 break 或 continue 這樣的控制語(yǔ)句來(lái)中斷循環(huán)。即使你找到了需要的結(jié)果，forEach 仍然會(huì)遍歷整個(gè)數(shù)組，造成不必要的計(jì)算。
• 性能優(yōu)化的可能性降低： 編譯器和 JavaScript 引擎在優(yōu)化代碼時(shí)，對(duì)于傳統(tǒng)的 for 循環(huán)更容易進(jìn)行優(yōu)化，例如循環(huán)展開(kāi)、內(nèi)聯(lián)等。forEach 的函數(shù)式特性使得這些優(yōu)化變得更加困難。
• return 語(yǔ)句的限制： 在 forEach 的回調(diào)函數(shù)中使用 return 語(yǔ)句并不能像在普通函數(shù)中那樣跳出循環(huán)。它僅僅是結(jié)束當(dāng)前迭代，并不會(huì)停止后續(xù)的遍歷。

對(duì)比其他循環(huán)方式

• for 循環(huán)： 傳統(tǒng)的 for 循環(huán)在性能方面通常表現(xiàn)最佳。它可以直接訪問(wèn)數(shù)組的索引，避免了函數(shù)調(diào)用的開(kāi)銷(xiāo)，并且可以使用 break 和 continue 控制循環(huán)流程。
• for...of 循環(huán)： for...of 循環(huán)也優(yōu)于 forEach，因?yàn)樗苯拥鷶?shù)組的值，而無(wú)需手動(dòng)訪問(wèn)索引。它也支持 break 和 continue 語(yǔ)句。
• map, filter, reduce 等高階函數(shù)： 雖然這些高階函數(shù)也提供了簡(jiǎn)潔的語(yǔ)法，但在性能方面與 forEach 類(lèi)似，甚至可能更差，因?yàn)樗鼈儠?huì)創(chuàng)建新的數(shù)組或?qū)ο蟆?/li>

示例說(shuō)明

考慮以下兩個(gè)代碼片段，它們都遍歷同一個(gè)數(shù)組并執(zhí)行相同的操作：

• 使用 forEach:

• 使用 for 循環(huán):

在多數(shù)瀏覽器中，for 循環(huán)的執(zhí)行速度會(huì)明顯快于 forEach 循環(huán)。

在性能至關(guān)重要的場(chǎng)景下，應(yīng)該優(yōu)先考慮使用 for 循環(huán)或 for...of 循環(huán)。對(duì)于簡(jiǎn)單的遍歷，并且對(duì)性能要求不高的情況下，forEach 仍然是一個(gè)可行的選擇，但需要意識(shí)到其潛在的性能影響。