1.5.3.htm
来自「一部非常好的javaScript教程」· HTM 代码 · 共 89 行
HTM
89 行
<html>
<head>
<title>Untitled Document</title>
<LINK REL ="stylesheet" TYPE = "text/css" HREF = ".../contents.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF">
<h2 align="center">循环语句</h2>
<p>循环语句用于在一定条件下重复执行某段代码。在 JavaScript 中提供了多种循环语句：for 语句、while 语句以及 do while 语句，同时还提供了
break 语句用于跳出循环，continue 语句用于终止当前循环并继续执行下一轮循环，以及 label 语句用于标记一个语句。</p>
<p>
1. for 语句<p>
for 语句的格式如下：<p>
for (initializationStatement; condition; adjustStatement)<p>
{<p>
statement;<p>
}<p>
可以看出，for 语句由两部分构成：条件和循环体。循环体部分由具体的语句构成，是需要循环执行的代码。条件部分由括号括起来，分为三个部分，每个部分用分号分开。第一部分是计数器变量初始化部分；第二部分是循环判断条件，决定了循环的次数；第三部分给出了每循环一次，计数器变量应如何变化。<p>
for 循环的执行步骤如下：<p>
（1）执行 initializationStatement 语句，完成计数器初始化；<p>
（2）判断条件表达式 condition 是否为 true，如果为 true，执行循环体语句，否则退出循环；<p>
（3）执行循环体语句之后，执行 adjustStatement 语句。<p>
（4）重复步骤（2）和（3），直到退出循环。
<p> 以下示例显示了如何在 JavaScript 中使用 for 语句。
<p> <a href="../src/tu1.20.htm" target="_blank">示例</a>
<p> 实际上，for 循环语句还可以嵌套，以便实现更复杂的应用。例如，以下示例在网页中显示出了乘法表。
<p> <a href="../src/tu1.21.htm" target="_blank">示例</a>
<p>2. while 语句
<p>
while 语句是另一种基本的循环语句，格式如下：<p>
while(expression)<p>
{<p>
statement;<p>
}<p>
表示当表达式为真时执行循环体语句。<p>
while 循环的执行步骤如下：<p>
（1）计算 expression 表达式的值；<p>
（2）如果 expression 表达式的值为真，则执行循环体，否则跳出循环；<p>
（3）重复执行步骤（1）和（2），直到跳出循环。
<p> 以下示例显示了如何用 while 语句控制循环。
<p> <a href="../src/tu1.22.htm" target="_blank">示例</a>
<p>3. do while 语句
<p>
do while 语句是 while 语句的变体，格式如下：<p>
do<p>
{<p>
statement;<p>
}<p>
while(expression)<p>
它的执行步骤如下：<p>
（1）执行循环体语句；<p>
（2）计算 expression 表达式的值。<p>
（3）如果表达式的值为真，则执行循环体语句，否则退出循环。<p>
（4）重复步骤（2）和（3），直到退出循环。<p>
可见，do while 语句与 while 语句的区别是循环体语句至少执行一次。因为在 while 语句中，如果第一次表达式计算的值就为 false，则循环一次都不执行。除此之外，这两种语句并没有其他区别。<p>
例如，可以上一个示例中的 while 循环改写为 do while 循环，如下所示：<p>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><p>
<!--<p>
var i=0, s=0;<p>
do<p>
{ s+=i;<p>
i++;<p>
}<p>
while(i<=100)<p>
document.write("1+2+3+...+100 = "+s);<p>
// --><p>
</SCRIPT><p>
说明：无论采用哪一种循环语句，都必须注意控制循环的结束条件，以免出现"死循环"。以下将介绍的 label、break 和 continue
语句可以进一步帮助控制循环。<p>
4. label 语句<p>
label 语句用于为语句添加标号。在任意语句前放上标号名称即可为该语句指定标号。例如：<p>
myLabel:<p>
a++;<p>
为 a++ 这条语句指定了标号 myLabel。<p>
label 语句通常用于标记一个循环、switch 或 if 语句，并且与 break 或 continue 语句联合使用。<p>
5. break 语句<p>
break 语句提供无条件跳出循环结构或 switch 语句的功能。在多数情况下，break 语句都是单独使用的。但有时也可以在其后面加一个语句标号，以表明跳出该标号所指定的循环，执行该循环之后的代码。
<p> 以下示例显示了 break 语句的用法。
<p> <a href="../src/tu1.23.htm" target="_blank">示例</a>
<p> 6. continue 语句
<p>
与 break 语句不同，continue 语句的作用是终止当次循环，跳转到循环的开始处继续下一轮循环。同样，continue 语句既可以单独使用，也可以与语句标号一起使用。
<p> 以下示例显示了 continue 语句的用法。
<p><a href="../src/tu1.24.htm" target="_blank">示例</a>
</body>
</html>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?