javascript for 迴圈（for loop）循環使用方法

for 迴圈（Loop）在許多的程式語言中都可以看到，可以用來執行必須重複的內容或加總數據，例如輸出 1~100 次某變數的值。同樣在 JavaScript 中亦有 for 迴圈可以使用，效果類似 while 迴圈，但寫法有一點點不一樣唷！看看兩者的差異：
  • javascript for：直接指定迴圈執行的次數，例如 i <100 的情況下持續執行。
  • javascript while：在設定條件為 true 的時候重覆執行迴圈。
如果你已經知道迴圈要執行多少次，可以直接使用 for 迴圈，如果你不要讓迴圈執行到所有條件滿足才停止，那就可以用 while 迴圈

此篇主要是介紹 javascrip for 迴圈的使用方式，先來看看基本的 for 迴圈寫法



請注意 for 的括號內有三個重點，分別用分號隔開，一開始我們會先設定一個起始值，在初始值小於結束值的情況下，變數自動加上改變量，然後再度執行一次要執行的內容，直到變數值增加到與結束值相同的時候，迴圈就自動停止。

javascript for 迴圈範例

javascript for loop
開啟程式碼頁面

由範例可以看到 for 後面括號內的執行次數設定，我們先設定變數 i 從 1 開始跑，如果 i 小於 10，則變數 i 自動 +1 並繼續執行迴圈，這個設定會讓你要執行的內容持續執行 10 次，執行結果為 0~9。

執行結果會像這樣


我們在 document.write 裡加了 html 的 br 標籤，每次迴圈執行一次就自動換行一次，所以你看到的結果會從 0 開始，每一行一個數字，直到執行到 9 的時候就自動停止，因為 9 小於 10。所以我們說如果你知道或預想設定執行次數，可以直接用 for 迴圈下去做會很方便。

ps.for 迴圈使用請小心設定各項數值，如果不小心寫成無線迴圈，瀏覽器可能會當掉唷！

相關語法
© Copyright webtech.tw Since 2010