JavaScript-while和do~while迴圈
阿新 • • 發佈:2018-12-20
這次我們來學習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