JavaScript while 迴圈寫法

JavaScript while 迴圈的用法與 PHP while 迴圈的用法其實蠻類似的,while 迴圈會再條件符合的時候,執行一段程式碼,直到條件不符合為止,常常用在顯示搜尋結果或是目錄清單等地方,請看以下範例。

JavaScript while 迴圈範例
<script language="javascript">
var i=0;
while( i<10 ) {
 document.write(i);
 i++;
}
</script>
輸出結果:0123456789

我們設定一個 while 迴圈,當 i 小於 10 的時候,就會執行迴圈,而 while 迴圈內容的第一行 document.write(i) 的意思是輸出 i 這個變數的值,輸出完後接著執行 i++,則變數 i 就會 +1,所以最後的輸出結果是從零開始連續到九。

JavaScript while 迴圈還有另一個變化用法,先執行再做條件判斷,一般稱為 do...while 迴圈

JavaScript do...while 迴圈範例
<script language="javascript">
var i=0;
do {
 document.write(i);
 i++;
}while( i<10 );
</script>
輸出結果與第一個範例相同,因為我們給條件是一樣的,只是把 while 迴圈的執行與判斷模式相反過來,所以結果會一樣,無論是使用 while 迴圈或是改寫為 do...while 都可以,只要能夠符合當時網頁要呈現的結果即可。

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