區別：1、for通過索引來循環遍歷每一個數據元素，而forEach通過JS底層程序來循環遍歷數組的數據元素；2、for可以通過break關鍵詞來終止循環的執行，而forEach不可以；3、for可以通過控制循環變量的數值來控制循環的執行，而forEach不行；4、for在循環外可以調用循環變量，而forEach在循環外不能調用循環變量；5、for的執行效率要高于forEach。

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

1、for循環 和 forEach的區別

(1) for循環是通過 生成 數組的索引下標 循環遍歷數組的每一個數據元素

forEach是 JavaScript定義的數組的函數方法 通過 JavaScript底層程序 循環遍歷數組的數據元素

(2) for循環 可以 通過 break 關鍵詞 來終止循環的執行

forEach 中 調用執行 break 程序會報錯

(3) for循環可以通過 控制循環變量 的數值 控制 對于循環的執行

forEach循環 中 參數存儲數據都是底層程序進行賦值 無法進行賦值修改等操作

(4) for循環 在循環外 可以調用循環變量

forEach循環 在循環外 不能調用 循環變量

(5) for循環的執行效率 要 高于 forEach循環

2、for循環 和 forEach循環的對比

既然 for循環 和 forEach循環 兩個循環語法 看上去 for循環 更加方便 更加合理 為什么還要有 for循環 和 forEach 兩個循環呢?

首先 for循環的執行 只能是通過循環生成索引下標數值 然后通過索引下標 操作 數組的數據元素

但是 forEach 可以通過設定參數 來 存儲 索引下標 數據數值 這樣在操作上更加的便利

其次 for循環 生成 定義循環變量 可以 使用 var 或者 let 等關鍵詞 這樣可以根據循環執行的需要 設定 聲明變量的關鍵詞

但是 forEach 底層使用的是 let 關鍵詞聲明變量 并且只能是這個關鍵詞聲明變量 是不能修改的

實際項目中我們可以根據自己項目的實際需求，判斷我們需要使用的是for循環還是forEach循環。好了，本文就分享到這里了。

如果想要獲取Web前端學習資料、源碼的同學們，請用手機點擊下方鏈接，獲取海量資料包喲！