JavaScript for迴圈 執行順序

admin發表於2017-11-01

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迴圈語句的執行順序簡單介紹:

圖示如下:

a:3:{s:3:\"pic\";s:43:\"portal/201711/01/135313wnu1my914l1m9ee3.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上面的圖片描繪了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];
}

相關文章