首页 > 编程笔记 > JavaScript笔记

JS while和do whlie循环语句

在程序设计中，循环语句是一种很常用的流程控制语句。循环语句允许程序在一定的条件下，反复执行特定代码段，直至遇到终止循环的条件为止。

JavaScript 中的循环语句有以下几种形式：
for in 循环语句主要用于遍历数组元素或对象属性，我们之后会介绍它，在这里主要介绍前 3 种循环语句。本节介绍 while 和 do...while 循环，for 循环下节介绍。

JS while语句

while 语句是最常用的一种循环语句，在程序中常用于只需根据条件执行循环而不需关心循环次数的情况。

while 语句的基本语法如下：

while(条件表达式){
     循环体;
}

说明：
while 语句在执行时，首先判断条件表达式的值，如果为真，则执行循环体语句，然后再对条件表达式进行判断，如果值还是为真，则继续执行循环体语句；否则执行 while 语句后面的语句。如果表达式的值在第一次判断就为假（为 false 或 0 或为 null 等值），则一次也不会执行循环体。

需要注意的是，为了使 while 循环能正常结束，循环体内应该有修改循环条件的语句或其他终止循环的语句，否则 while 循环将进入死循环，即会一直循环不断地执行循环体。

例如，下面的循环语句就会造成死循环。 
var i=1,s=0;
whiel(i<=5){
    s+=i;      
}
上述代码中 i 的初始值为 1，由于循环体内没有修改 i 变量的值，所以表达式 i<=5 永远为真，因而循环体会一直执行。

死循环会极大地占用系统资源，最终有可能导致系统崩溃，所以我们编程时一定要注意避免死循环。

【例 1】使用 while 语句求出表达式 ex=1+1/(2*2)+1/(3*3)+…+1/(i*i) 的值小于等于 1.5 时的i值。 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>while语句的应用</title>
<script>
     var sum = 1, i = 1;
     var ex = 1;
     while(sum <= 1.5){
         sum += 1/((i + 1)*(i + 1));
         if(sum > 1.5)
              break;
         i++;
         ex +=" + 1/(" + i + "*" + i + ")";
     }
     alert("表达式的值小于等于1.5时的i=" + i + "，对应的表达式为：" + ex);
</script>
</head>
<body>
</body>
</html>
因为不知道循环次数是多少，所以适合使用 while 语句。上述代码中的 break 语句用于退出循环并执行循环语句后面的代码，关于 break 语句的使用后面会具体介绍。上述代码在 Chrome 浏览器运行后弹出的对话框如图 1 所示。
while循环运行结果
图 1：while 循环运行结果

JS do…while语句

do…while 语句是 while 语句的变形。两者的区别在于，while 语句把循环条件判断放在循环体语句执行的前面，而 do…while 语句则把循环条件判断放在循环体语句执行的后面。

do…while 语句的基本语法如下：

do{
  循环体;
}while (条件表达式);

“条件表达式”和“循环体”的含义与 while 语句的相同。在此需要注意的是，do…while 语句最后需要使用;结束，如果代码中没有加上;，则 JavaScript 会自动补上。

do…while 语句在执行时，首先执行循环体语句，然后再判断条件表达式的值，如果值为真（值为 true 或非 0 值），则再次执行循环体语句。do…while 语句至少会执行一次循环体，这一点和 while 语句有显著的不同。

下面使用 do…while 语句修改示例 1

【例 2】使用 do…while 语句求出表达式 ex=1+1/(2*2)+1/(3*3)+…+1/(i*i) 的值小于等于 1.5 时的 i 值。 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>do…while语句的应用</title>
<script>
     var sum = 1, i = 1;
     var ex = 1;
     do{
         sum += 1/((i + 1)*(i + 1));
         if(sum > 1.5)
              break;
         i++;
         ex +=" + 1/(" + i + "*" + i + ")";
     }while(sum <= 1.5);
     alert("表达式的值小于等于1.5时的i=" + i + "，对应的表达式为：" + ex);
</script>
</head>
<body>
</body>
</html>
上述代码在 Chrome 浏览器的运行结果和例 1 的完全一样。

所有教程

优秀文章