首页 理论教育JavaScriptwhile/do…while循环语句介绍

JavaScriptwhile/do…while循环语句介绍

【摘要】:while循环while循环在循环开始前执行testExpression,属于前测试循环语句;do…while可以减少一次判断。while的testExpression含义与while循环中的完全一致,唯一区别是先执行statements,再执行testExpression。while循环语句提示do…while相比,while语句代码更易于理解。

1.while循环

while循环语句用于持续测试一个表达式,不会主动修改表达式内的变量,语法格式如下:

语法格式说明:

◇ 每次循环开始前,判断testExpression,如果表达式布尔值为true,则执行循环,否则退出循环。

6.3.4.html使用while语句循环输出数组元素,如下所示。

动手写6.3.4

执行6.3.4.html,输出结果到网页,如下图所示。

图6.3.4 while循环语句

因为JavaScript引擎不修改while循环使用的变量,所以需要显示修改表达式使用的变量,比如index++; 在循环结束后将索引index自增1,若不修改变量,可能会导致死循环,直到达到浏览器的安全限制触发浏览器结束该网页进程,即网页crash。

while循环也可以用来模拟for循环,语法格式如下:

2.do…while循环(www.chuimin.cn)

while循环在循环开始前执行testExpression,属于前测试循环语句;do…while在每次循环后执行testExpression,属于后测试循环语句。已知初始循环必然为true时,使用do…while可以减少一次判断。

语法格式如下:

语法格式说明:

◇ do…while的testExpression含义与while循环中的完全一致,唯一区别是先执行statements,再执行testExpression。

6.3.5.html使用do…while循环语句计算1到100的总和,如下所示。

动手写6.3.5

执行6.3.5.html,输出结果到网页,如下图所示。

图6.3.5 do…while循环语句

提示

do…while循环语句先执行一次statements,再根据testExpression表达式判断是否再次执行statements,因此必然会执行一次statements,即使第一次判断testExpression就为false。一般推荐使用while语句,因为和do…while相比,while语句代码更易于理解。