欢迎来到JS复习专栏,本文章的主要内容为循环结构for和while
for 循环
语法:
for(①初始化表达式; ②条件表达式; ④更新表达式){
③语句...
}
执行流程:
-
执行初始化表达式,初始化变量(初始化表达式只会执行一次)
-
执行条件表达式,判断是否执行循环:
如果为true
,则执行循环③
如果为false
,终止循环 -
执行更新表达式,更新表达式执行完毕继续重复2
for 循环举例:
for (var i = 1; i <= 100; i++) {
console.log(i);
}
while 循环
语法:
while(条件表达式){
语句...
}
执行流程:
while语句在执行时,先对条件表达式进行求值判断:
-
如果值为
true
,则执行循环体:
循环体执行完毕以后,继续对表达式进行判断
如果为true
,则继续执行循环体,以此类推 -
如果值为
false
,则终止循环
如果有必要的话,我们可以使用break
来终止循环。
do…while 循环
语法:
do{
语句...
}while(条件表达式)
执行流程:
do…while语句在执行时,会先执行循环体:
- 循环体执行完毕以后,在对
while
后的条件表达式进行判断:
1. 如果结果为true
,则继续执行循环体,执行完毕继续判断以此类推
2. 如果结果为false
,则终止循环
while 循环和 do…while 循环的区别
这两个语句的功能类似,不同的是:
while 是先判断后执行,而 do…while 是先执行后判断。
也就是说,do…while 可以保证循环体至少执行一次,而 while 不能。
break
-
break 可以用来退出 switch 语句或退出整个循环语句
(循环语句包括 for 循环、while 循环。不包括 if。单独的 if 语句里不能用 break 和 continue,否则会报错) -
break
会立即终止离它最近的那个循环语句。 -
可以为循环语句创建一个
label
,来标识当前的循环
格式:
label:循环语句
-
使用 break 语句时,可以在 break 后跟着一个 label,这样 break 将会结束指定的循环,而不是最近的。
continue
-
continue
可以用来跳过当次循环,继续下一次循环。 -
同样,
continue
默认只会离他最近的循环起作用。 -
同样,如果需要跳过指定的当次循环,可以使用
label
标签。