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


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等语言中也经常用到,所以要必须掌握。
  如果喜欢,谢谢打赏!!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 作者的序言 朋友们,弃疗系列4出来啦,作者还并没有放弃,感觉自己萌萌哒,233。 语句 js程序其实就是一系列可执...
    zhaolion阅读 1,773评论 0 8
  • 3.7 循环语句 必备知识:前面课程的学习 循环语句 循环语句是一系列反复执行直到符合特定条件的命令。JavaSc...
    Airing阅读 396评论 0 1
  • 墨树阅读 131评论 0 1
  • 小闲老师在今天晨起发圈中说:“变成自己喜欢的样子,大前提是要爱任何一刻的自己。唯有对自己足够爱,才能让你变得足够好...
    点亮人生阅读 546评论 2 5
  • 徐志摩说过,最是那一低头的温柔,像一朵水莲花不胜凉风的娇羞 你却说,最是那一低头的温柔,恰似水莲花不胜寒风的娇羞 ...
    林茨阅读 217评论 0 1