JavaScript中的脑筋急转弯-----循环语句

---

0.前言
  记得以前学习循环语句时，总是出现各种bug，感觉自己像是走进了迷宫，陷进了死胡同，绕来绕去，总是能够把自己绕晕，特别不喜欢它。但是作为一名码农，循环是必须要掌握的，不过还好，随着经验的不断积累，这些已经都不是问题了。今天来讲几个在项目开法过程中经常用到的循环语句：

• while循环；
• do...while循环语句；
• for循环。

1.while循环

当while循环开始后，先判断条件是否满足，如果满足就执行循环体内的语句，执行完毕后再回来判断条件是否满足，如此无限重复；直到条件不满足时，执行while循环后边的语句。

格式：
while(表达式){
语句；
}
逻辑：当程序执行到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()为假。

do...while循环和while循环比较，while循环语句会在程序执行到while语句时会先判断条件，然后在执行循环体，而do...while循环会在程序执行到该语句时，首先执行循环体，然后再判断循环体，总之do...while语句就是会至少执行一次循环体。
do...while循环语句的格式：

do{
     语句；
}while(表达式);

逻辑：当程序执行到do-while语句时，首先执行"语句"，执行完"语句"，再去计算"表达式"的值。如果"表达式"的值为假，则结束整个do-while语句继续向下执行。如果"表达式"的值为真，再去执行"语句"。如此循环往复，直到"表达式"的值为假则停止整个do-while语句。
注意：语句至少会执行一次,更要注意while(表达式)后面一定要跟分号。
案例：

         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]
由循环体及循环的终止条件两部分组成。 -----百度百科

格式：

for (语句1;表达式;语句3){
         语句2；
}

逻辑：当程序执行到for语句时，首先执行"语句1"(仅且执行一次)。执行完"语句1"，计算"表达式"的值。如果"表达式"的值为假，则结束整个for语句。如果"表达式"的值为真，则执行"语句2"，执行完"语句2"再执行"语句3"。执行完"语句3"，再去计算"表达式"的值。如此循环往复直到"表达式"的值为假才停止for语句。
注意：小括号中就是为了控制循环的次数。
案例：

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

4.break语句和continue语句

break语句和continue语句都是终止循环语句的执行，但是二者哟哟本质的区别，break语句是直接跳出离他最近的循环语句，不会再执行循环了，而continue语句是跳出本次循环，但是还是可以

5.总结

循环语句是JavaScript中的重点，它不仅仅是js语言中的知识点，同时也是在java、Android、IOS等语言中也经常用到，所以要必须掌握。
  如果喜欢，谢谢打赏！！！