這篇文章主要介紹了詳解JavaScript的while循環的使用,是JS入門學習中的基礎知識,需要的朋友可以參考下

在寫一個程序時，可能有一種情況，當你需要一遍又一遍的執行一些操作。在這樣的情況下，則需要寫循環語句，以減少代碼的數量。

JavaScript支持所有必要的循環，以幫助您在所有編程的步驟。

while 循環

在JavaScript中最基本的循環是while循環，這將在本教程中學習討論。

語法

1. while (expression){ 
2. Statement(s) to be executed if expression is true 
3. } 

while循環的目的是為了反復執行語句或代碼塊(只要表達式為true)。一旦表達式為假，則循環將被退出。

例子：

下面的例子說明了一個基本的while循環：

1. <script type="text/javascript"> 
2. <!-- 
3. var count = 0; 
4. document.write("Starting Loop" + "<br />"); 
5. while (count < 10){ 
6. document.write("Current Count : " + count + "<br />"); 
7. count++; 
8. } 
9. document.write("Loop stopped!"); 
10. //--> 
11. </script> 

這將產生以下結果：

1. Starting Loop 
2. Current Count : 0 
3. Current Count : 1 
4. Current Count : 2 
5. Current Count : 3 
6. Current Count : 4 
7. Current Count : 5 
8. Current Count : 6 
9. Current Count : 7 
10. Current Count : 8 
11. Current Count : 9 
12. Loop stopped!  

do...while 循環:

do...while loop 類似于while循環，不同之處在于條件檢查發生在循環的末端。這意味著，在循環將總是至少執行一次，即使條件為假。

語法

1. do{ 
2. Statement(s) to be executed; 
3. } while (expression); 

注意在do... while循環的末尾使用分號。

例子：

如在上面的例子中編寫一個使用do... while循環程序。

1. <script type="text/javascript"> 
2. <!-- 
3. var count = 0; 
4. document.write("Starting Loop" + "<br />"); 
5. do{ 
6. document.write("Current Count : " + count + "<br />"); 
7. count++; 
8. }while (count < 0); 
9. document.write("Loop stopped!"); 
10. //--> 
11. </script> 

這將產生以下結果：

1. Starting Loop 
2. Current Count : 0 
3. Loop stopped!