JavaScript whil... 登录

JavaScript while 循环

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>


下一节
<!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>
提交 重置代码
章节 评论 笔记 课件
  • 取消 回复 发送
  • 取消 发布笔记 发送