JavaScript for 迴圈語句

通過for迴圈語句可以自動完成一些重複性的工作，比如遍歷陣列元素。

程式碼例項如下：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let arr=["螞蟻部落",6,"http://www.softwhy.com","青島市南區"];
for(let index=0;index<arr.length;index++){
  console.log(arr[index]);
}

程式碼執行效果截圖如下：

上述程式碼通過for迴圈語句實現了遍歷陣列每一個元素的功能。

對for迴圈語句有一個直觀的印象，下面對它進行一下詳細分析。

語法結構：

[JavaScript] 純文字檢視 複製程式碼
for(為迴圈做的準備工作;迴圈可以執行的條件;程式碼主體執行後做的工作) {
   // 程式碼主題
}

看一個極為簡單的程式碼：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
for(var i=0;i<4;i++) {
  console.log(i);
}

按照語法結構對程式碼進行一下分析：

（1）.首先做迴圈準備工作，宣告變數i並賦值為0，這個工作只做一次即可。

（2）.然後判斷迴圈執行的條件是否滿足，i<4，沒問題，可以執行。

（3）.這裡要注意了，執行條件滿足後，並不是執行的i++，而是執行程式碼主題部分。

（4）.當執行完console.log(i)之後，才是去執行i++。

（5）.上面結束了一次完整的迴圈，這時候再來判斷迴圈執行的條件是否成立，再執行程式碼主題，然後再執行程式碼主體執行後做的工作，如此往復下去，再強調一遍，準備工作只需要做一次即可。

特別說明：for後面的小括號中，分號有且只能有兩個。

[PHP] 純文字檢視 複製程式碼
let arr=["螞蟻部落",6,"http://www.softwhy.com","青島市南區"];
let index=0;
for(;index<arr.length;index++){
  console.log(arr[index]);
}

上面的程式碼可以正常執行，可以看到準備工作部分沒有必要非要在小括號中完成。

但是需要注意的一點，雖然可以在外部完成，但是分號不能省略。

[JavaScript] 純文字檢視 複製程式碼執行程式碼
for(var i=0;i<3;i++)
  console.log(i);
  console.log(8);

程式碼執行效果截圖如下：

for迴圈語句大括號可以省略，這時候，for迴圈語句僅對它緊鄰的一條語句有效。

因為沒有大括號，沒法組織一個可以作為整體看待的複合語句。

[JavaScript] 純文字檢視 複製程式碼執行程式碼
for(var i=0;i<3;i++);

這個迴圈語句主體都可以省略，但最後的分號不能省略，如果省略，那麼這個for迴圈語句就不再完整，加上分號之後，雖然看起來仍然沒有程式碼的主體部分，但可以認為分號前面是一個空語句。

當然這個分號也可以放在下一行，只是通常都是在同一行。