什么是JavaScript循环结构？

㈠什么是循环结构

⑴什么是循环？

反复一遍又一遍的做着相同（相似）的事情

⑵循环中的两大要素

①循环条件：什么时候开始，什么时候结束

②循环操作：循环体，循环过程中，干了什么

㈡循环结构—while循环

⑴语法

while（boolean表达式）{
                     循环体语句；
}

⑵流程

①判断条件

②如果条件为真，则执行循环操作

③再判断条件，如果为真，继续执行循环操作

.....

④判断循环条件，如果条件为假，则退出循环结构

注意：如果循环条件一直为真的话，那么循环就是个死循环，尽量避免死循环的产生。一定要记得更新循环变量（条件）

⑶while语句流程图

注意： 一般情况下，循环操作会存在使得循环终止的可能性，否则将成为“死循环”

⑷while语句用于处理循环逻辑

var = 0

while (i<10) {

             console.log('你好世界');
             i++;

}

⑸循环的流程控制

①continue 关键字

作用：用在循环中，用于终止本次循环，继续执行下次循环

②break 关键字

用在循环中的话，终止整个循环结构

③示例

var i = 0;

while(i<100){

             console.log(i);
             if(i == 5){

                         break;
}
                         i++;

}

输出的结果是：0,1,2,3,4,5  当i=5时；退出循环

㈢循环结构—do-while循环

⑴语法

do{
     
        可执行语句；

}while(Boolean表达式);

⑵流程

①先执行循环操作

②再判断循环条件

   如果条件为真，则继续执行循环操作；

   如果条件为假，则终止循环即退出循环

③特点：无论条件满足与否，至少要进行一次循环操作

 

⑶do-while语句流程图

 ⑷while与do-while的区别

左侧图为while循环，右图为do-while循环

①while 

先判断，后执行     

最少一次循环都不执行（第一次条件就不满足）

②do-while 

先执行，后判断   

最少要执行一次循环操作（第一次条件就不满足）

㈣循环结构—for循环

⑴语法

for(表达式1；表达式2；表达式3){

                          循环体语句；

}

⑵执行过程

①计算表达式1的值

②计算表达式2（Boolean表达式）的值，如果为true则执行循环体，否则退出循环

③执行循环体

④执行表达式3

⑤计算表达式2，如果为true则执行循环体，否则退出循环

⑥如此循环往复，直到表达式2的值为false

⑶流程图

示例：

for (var i = 0; i<10; i++){
                  
                  console.log(i);
}

//程序输出结果为：
//0 1 2 3 4 5 6 7 8 9

⑷for循环用于实现固定次数的循环

①累加

求 1+2+3+...+100 = ?

var sum = 0;
for (var i = 1; i <= 100; i++){

                               sum +=i;
}

console.log(“1到100的和为：”+sum);

②阶乘

求 1*2*3*...*10 = ?

⑸for,while,do-while之间的区别

①for，while 

最少执行0次   

while：多数用于不确定循环次数时使用 

for多数用于确定循环次数时使用

②do-while 

最少执行1次   

适用于不确定循环次数时使用

㈤循环的嵌套

在一个循环体内再出现一个循环

for/while/do-while 三种循环在很多情况下是可以互换的

一般情况下，for循环使用最多