详解JavaScript的while循环的使用

这篇文章主要介绍了详解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!