0.前言
记得以前学习循环语句时，总是出现各种bug，感觉自己像是走进了迷宫，陷进了死胡同，绕来绕去，总是能够把自己绕晕，特别不喜欢它。但是作为一名码农，循环是必须要掌握的，不过还好，随着经验的不断积累，这些已经都不是问题了。今天来讲几个在项目开法过程中经常用到的循环语句：
- while循环；
- do...while循环语句；
- for循环。
1.while循环
当while循环开始后，先判断条件是否满足，如果满足就执行循环体内的语句，执行完毕后再回来判断条件是否满足，如此无限重复；直到条件不满足时，执行while循环后边的语句。
<strong>格式：</strong>
while(表达式){
语句；
}
<strong>逻辑：</strong>当程序执行到while语句时，首先计算"表达式"的值。如果"表达式"的值为假，结束整个while语句继续向下执行。如果"表达式"的值为真，执行"语句"。执行完"语句"，再去计算"表达式"的值。如果"表达式"的值为假，则结束整个while语句继续向下执行。如果"表达式"的值还为真，执行"语句"。如此循环往复，直到遇到"表达式"的值为假才停止。
var num = 1;
while (num <= 3) {
console.log(num);
num++;
}
2.do...while循环
do...while 循环是 while 循环的变体。在检查while()条件是否为真之前，该循环首先会执行一次do{}之内的语句，然后在while()内检查条件是否为真，如果条件为真的话，就会重复do...while这个循环,直至while()为假。
<strong>do...while循环</strong>和<strong>while循环</strong>比较，<strong>while循环</strong>语句会在程序执行到while语句时会先判断条件，然后在执行循环体，而<strong>do...while循环</strong>会在程序执行到该语句时，首先执行循环体，然后再判断循环体，总之do...while语句就是会至少执行一次循环体。
<strong>do...while循环语句的格式：</strong>
do{
语句；
}while(表达式);
<strong>逻辑：</strong>当程序执行到do-while语句时，首先执行"语句"，执行完"语句"，再去计算"表达式"的值。如果"表达式"的值为假，则结束整个do-while语句继续向下执行。如果"表达式"的值为真，再去执行"语句"。如此循环往复，直到"表达式"的值为假则停止整个do-while语句。
<strong>注意：</strong>语句至少会执行一次,更要注意while(表达式)后面一定要跟分号。
<strong>案例：</strong>
var num = 1;
do {
console.log(num);
num++;
} while (num <= 10);
var a = 1;
var sum = 0;
do {
sum += a;
a++;
} while (a <= 100);
console.log(sum
3.for循环
for循环是编程语言中一种开界的循环语句，而循环语句[1]
由循环体及循环的终止条件两部分组成。 -----百度百科
<strong>格式：</strong>
for (语句1;表达式;语句3){
语句2；
}
<strong>逻辑：</strong>当程序执行到for语句时，首先执行"语句1"(仅且执行一次)。执行完"语句1"，计算"表达式"的值。如果"表达式"的值为假，则结束整个for语句。如果"表达式"的值为真，则执行"语句2"，执行完"语句2"再执行"语句3"。执行完"语句3"，再去计算"表达式"的值。如此循环往复直到"表达式"的值为假才停止for语句。
注意：小括号中就是为了控制循环的次数。
<strong>案例：</strong>
for (var i = 1; i <= 10; i++) {
console.log(i);
}
4.break语句和continue语句
break语句和continue语句都是终止循环语句的执行，但是二者哟哟本质的区别，break语句是直接跳出离他最近的循环语句，不会再执行循环了，而continue语句是跳出本次循环，但是还是可以
5.总结
循环语句是JavaScript中的重点，它不仅仅是js语言中的知识点，同时也是在java、Android、IOS等语言中也经常用到，所以要必须掌握。
如果喜欢，谢谢打赏！！！
