JavaScript 中的循环语句有以下几种形式：
- while 语句；
- do…while 语句；
- for 语句；
- for in 语句。
for in 循环语句主要用于遍历数组元素或对象属性，我们之后会介绍它，在这里主要介绍前 3 种循环语句。本节介绍 while 和 do…while 循环，for 循环下节介绍。
JS while语句
while 语句是最常用的一种循环语句，在程序中常用于只需根据条件执行循环而不需关心循环次数的情况。
while 语句的基本语法如下：
while(条件表达式){
循环体;
}
说明：
- 条件表达式：为循环控制条件，必须放在圆括号中，可以是任意表达式，但一般为关系表达式或逻辑表达式，取值为真或假。注意：值为 true、非 0、非空的都是真值，反之则为假值。
-
循环体：代表需要重复执行的操作，可以是简单语句，也可以是复合语句。当为简单语句时，可以省略大括号
{}，否则必须使用大括号{}。
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 所示。
图 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 的完全一样。
原创文章，作者：奋斗，如若转载，请注明出处：https://blog.ytso.com/23955.html