【JavaScript复习三】循环结构for和while

欢迎来到JS复习专栏，本文章的主要内容为循环结构for和while

for 循环

语法：

for(①初始化表达式; ②条件表达式; ④更新表达式){
	③语句...
}
1
2
3

执行流程：

1. 执行初始化表达式，初始化变量（初始化表达式只会执行一次）

2. 执行条件表达式，判断是否执行循环：
   如果为true，则执行循环③
   如果为false，终止循环

3. 执行更新表达式，更新表达式执行完毕继续重复2

for 循环举例：

for (var i = 1; i <= 100; i++) {
    console.log(i);
}
1
2
3

while 循环

语法：

while(条件表达式){
	语句...
}
1
2
3

执行流程：

while语句在执行时，先对条件表达式进行求值判断：

1. 如果值为true，则执行循环体：
   循环体执行完毕以后，继续对表达式进行判断
   如果为true，则继续执行循环体，以此类推

2. 如果值为false，则终止循环
   如果有必要的话，我们可以使用 break来终止循环。

do…while 循环

语法：

do{
	语句...
}while(条件表达式)
1
2
3

执行流程：

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 标签。