這次我們來學習JS中的迴圈語句：while和do~while，這兩種語句有什麼區別呢？

while迴圈：進入迴圈之前檢測條件，如不符合，將一次都不執行；

do~while迴圈：在每次迴圈結束時在檢測條件，無論如何，至少檢測一次。

while迴圈：

語法

while (條件)   {   需要執行的程式碼   }

案例：

    <script>
        var i = 0;
        while(i<5){
            document.write("the number is "+ i + "</br>");
            i++;
        }
    </script>
 

先定義i的值為0，進入迴圈體中，當0小於5時，輸出當前數字為0，然後i++，也就是i=i+1；現在i變成了1，再次進入迴圈，1小於5，輸出數字為1，i繼續加1，直到i的值小於5，停止迴圈，頁面上最終會出現

the number is 0 the number is 1 the number is 2 the number is 3 the number is 4

提示：如果您忘記增加條件中所用變數的值，該迴圈永遠不會結束。該可能導致瀏覽器崩潰。

do~while迴圈：

語法

do   {   需要執行的程式碼   } while (條件);

案例：

    <script>
        var i = 0;
        do{
            document.write("the number is " + i + "</br>");
            i++;
        }
        while(i<4);
    </script>
 

和上面的一樣，我們先給i賦值為9，進入迴圈體，進行第一次迴圈，輸出i的值為0，i++，然後判斷條件i是否小於4，是的話繼續進行迴圈，也就是說，無論如何都會先進行一次迴圈，然後再判斷條件。頁面效果如下：

the number is 0 the number is 1 the number is 2 the number is 3