JavaScript for迴圈 執行順序

for迴圈的基本用法可以參閱JavaScript for 迴圈語句一章節。

可能很多初學者對for迴圈的執行流程和一些值得注意的優化細節還不夠了解。

下面通過程式碼例項對此做一下介紹。

一.程式碼例項：

[JavaScript] 純文字檢視 複製程式碼
var sum=0;
var array=[1,2,3,4,5,6,7,8,9];
for(var  index=0,len=array.length;index<len;index++){
  sum+= array[index];
}

迴圈輸出陣列元素中的值，for迴圈語句的執行順序簡單介紹：

圖示如下:

上面的圖片描繪了for迴圈的執行過程，下面再做一下總結:

（1）.首先會出現話一個計數變數，和獲取陣列的長度。

（2）.計數變數和陣列長度大小判斷，然後進累加計算。

（3）.大括號中的程式碼執行完畢，再執行i++，然後再執行計數變數和長度的比較，然後再進行運算。

二.簡單優化:

在編碼中，有很多朋友習慣於如下寫法:

[JavaScript] 純文字檢視 複製程式碼
var sum=0;
var array=[1,2,3,4,5,6,7,8,9];
for(var index=0;index<array.length;index++){
  sum+= array[index];
}

上面的程式碼執行的效率就稍差一些，因為計數變數與陣列長度進行比較的時候，每次都要獲取一次陣列長度這樣就會消耗一部分效能。

程式碼修改如下：

[JavaScript] 純文字檢視 複製程式碼
var sum=0;
var array = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var len = array.length;
for (var index = 0; index < len; index++) {
  sum+= array[index];
}