JavaScript while 迴圈語法
變數初始值;
while( 變數 條件比較式 條件 ) {
執行內容
變數值=變數值+步進值;
}
這僅是一個簡單的 JavaScrip while 迴圈架構，首先我們要準備一個變數並給一個初始值，例如 $i=0; 這樣也可以，然後就把這個變數丟到 while 迴圈內去跑，while 迴圈會先判斷變數是否滿足條件，所謂的＂條件比較式＂可以是個算式，不過通常直接使用大於（>）、小於（<）或等於（=）比較快速，例如我們要讓變數在小於 10 的條件下才進行 while 迴圈，那 while 迴圈的小括號內就要這樣寫「$i < 10」，執行內容就是要讓 JavaScript 做的和任何事情，最後要讓變數值加上（或減掉）步進值。while( 變數 條件比較式 條件 ) {
執行內容
變數值=變數值+步進值;
}
整個流程會從第一圈開始跑之前先做條件判斷，執行完 while 迴圈內容再次判斷條件，符合就跑第二圈，不符合就跳出 while 迴圈，以此類推，其實概念跟 for 迴圈差不多，我們用範例來表示實際跑的結果。
JavaScript while 迴圈範例
<script language="javascript">
var i=0;
while( i<10 ) {
document.write(i); //將變數 i 的值輸出到螢幕上
i++; //將變數 i 加 1
}
</script>
範例跑出來的結果會像這樣var i=0;
while( i<10 ) {
document.write(i); //將變數 i 的值輸出到螢幕上
i++; //將變數 i 加 1
}
</script>
0123456789
範例會從 0 開始跑到 9，因為我們一開始給的變數值 i=0，符合 while 所設條件 i<10 的規則，所以會一圈一圈的跑，每次跑完一圈就會自動幫 i 加 1，也就是範例中「i++;」的部分，範例就是 JavaScript while 迴圈的基本架構，有此架構與概念之後，可以讓 JavaScript 迴圈做很多非常有用的功能。我們對 JavaScript 的變數加法有另外的篇幅介紹，請看：JavaScript 的加法（編輯中...）
PS. 如果要自己嘗試練習寫 while 迴圈，建議別把條件設太誇張，例如 i<10000 的條件，以免一旦開始跑 while 迴圈，都還沒跑完，瀏覽器就當掉，這樣會浪費很多時間。
延伸閱讀