while 循环是 JavaScript 中最简单的循环，其语法为：
while (expr){
statement
}
该语法表示，只要 expr 表达式为 TRUE，那么就一直执行 statement 直到 expr 为 FALSE为 止，statement 表示要执行的动作或逻辑。
下面的例子利用 while 循环输出1到10：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
var i = 1;
while (i <= 10) {
document.write(i + "<br />");
i++;
}
</script>
</head>
<body>
</body>
</html>运行结果：
1
2
3
4
5
6
7
8
9
10
do while循环
do while 循环和 while 循环非常相似，其区别只是在于 do while 保证必须执行一次，而 while 在表达式不成立时则可能不做任何操作。
do while 循环语法：
do {
statement
}while (expr)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
var i = 1;
do {
document.write(i + "<br />");
i++;
} while (i <= 10);
</script>
</head>
<body>
</body>
</html>
比较 for 和 while
如果您已经阅读了前面那一章关于 for 循环的内容，您会发现 while 循环与 for 循环很像。
使用 for 循环
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
for (;cars[i];){
document.write(cars[i] + "<br>");
i++;
}
</script>
</body>
</html>使用 while 循环
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i]){
document.write(cars[i] + "<br>");
i++;
}
</script>
</body>
</html>
下一节