JavaScript For 迴圈範例教學

在大部分的程式語言中,迴圈常常扮演非常重要的角色,透過迴圈可以很輕易的重覆執行某些動作,而在 JavaScript 中的迴圈(loop)有 for loop(for 迴圈)與 while loop(while 迴圈),在一段程式的執行過程中,並沒有規定一定要使用哪個迴圈,端看你當時的需求,一般來說在我們知道迴圈要跑多少次的時候,我們會採用 For 迴圈,而迴圈次數不確定的時候,則採用 while 迴圈。

一個 javascript for 迴圈的寫法應該像這樣

for( 變數 = 初始值 ; 變數 <= 結束値 ; 變數 + 增加値 ){
 要執行的程式
}

這樣看起來也許有點抽象,直些看範例介紹、用 For Loop 從 1 跑到 3 並呈現在網頁上
<script language="JavaScript">
 for (i=0; i<=3; i=i+1) {
  document.write("第"+ i + "圈<br>");
 }
</script>
呈現結果就是

第 1 圈
第 2 圈
第 3 圈

在這段範例中,可以看到我們設定一個 for 迴圈,變數值是 i,初始值是 0,每次 i 小於 3,則 i 就增加 1 再跑一次迴圈。for loop 中的 document.write 只是要把字串顯示在網頁上而已。

延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012