前言

for語句和forEach()方法相信學習前端的朋友并不陌生，但我們在面試的時候，你能回答面試官的這個問題嗎？ 接下來，就一起來驗證一下吧！

要知道哪個更快，首先我們需要了解這兩者是如何使用的。

1.for

for 語句用于創建一個循環，該循環由括在括號中并用分號分隔的三個可選表達式組成，然后是要在循環中執行的語句（通常是塊語句）。

語法：

for ([initialization]; [condition]; [final-expression]){
 statement  
}

初始化：一個表達式（包括一個賦值語句）或一個變量聲明。通常用于初始化計數器。表達式可以使用 var 或 let 關鍵字來聲明一個新變量。使用 var 聲明的變量不是循環的局部變量，而是與 for 循環在同一范圍內。用 let 聲明的變量是語句的局部變量。這個表達式的結果是沒有意義的。

條件：條件表達式用于判斷循環的每次迭代是否可以執行。如果表達式的計算結果為真，則將執行該語句。此表達式是可選的。如果忽略，則認為始終為真。如果評估結果為假，則執行流程將跳到for語句結構之后的第一條語句。

final-expression：每個循環結束時要執行的表達式。執行時間是在評估下一個條件之前。通常用于更新或增加計數器變量。

statement：只要條件的結果為真，就會執行的語句。要在循環體內執行多個語句，請使用塊語句 ({ ... }) 將要執行的語句括起來。沒有要執行的語句，請使用空語句 (;)。

All expressions in the for statement are optional

2.forEach()

forEach() 方法對數組的每個元素執行一次提供的函數。

語法：

arr.forEach(callback[, thisArg])

范圍：

callback：對數組中每個元素執行的函數，函數接收三個參數：

currentValue: The current element in the array being processed.
index optional value: the index of the current element in the array being processed.
array optional value: the array that the forEach() method is operating on.

thisArg：可選參數。 執行回調函數時用作 this 的值（引用對象）。

返回值：未定義

說明：forEach 方法對數組中每個具有有效值的項按升序執行一次回調函數，那些已刪除或未初始化的項將被跳過（例如在稀疏數組上）。 回調函數會依次傳遞三個參數：

1).數組中當前項的值

2).當前項在數組中的索引

3).數組對象本身

3. for VS forEach（遍歷數組誰更塊）

事不宜遲，讓我們比較一下代碼。 誰會贏？

const arr = []
// Create an array with a million elements
for (let i = 0; i < 100 * 10000; i++) {
  arr.push(i)
}
const length = arr.length
// Use for to walk through the array and print the time
console.time('for')
let n1 = 0
for (let o = 0; o < length; o++) {
  n1++
}
console.timeEnd('for') // for: 2.639ms
// Use forEach to traverse and print the time
console.time('forEach')
let n2 = 0
arr.forEach(() => {
  n2++
})
console.timeEnd('forEach') // forEach: 14.059ms

這兩種方法控制臺。 web 開發人員可以使用 time 和 console.timeEnd 來測量執行 javascript 腳本所消耗的時間。  

注意：控制臺 time() 方法是計算器的開始方法，結束方法是 console.timeEnd()。 該方法執行后，控制臺會顯示執行時間。

4. 文末總結

畢竟，for 語句贏得了這場比賽。 讓我們總結一下原因：

1).for不創建函數

2).forEach創建每次調用的函數

3).函數現在需要單獨的作用域，這會產生額外的開銷

注意：日常開發中不要只考慮性能，forEach的代碼更具可讀性。

最后，感謝你的閱讀，如果你覺得有用的話，請記得點贊我，關注我，并分享給你身邊的朋友，謝謝，祝你編程愉快！