[JavaScript学习笔记]流程控制之循环结构(快进来学习断点调试！)

在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。
流程控制主要有三种结构

• 顺序结构
• 分支结构
• 循环结构

循环流程控制

有规律性的重复操作，因此在程序中要完成这类操作就需要重复执行某些语句

JS中的循环

• for循环
• while循环
• do…while循环

断点调试

按F12
进入sources(源代码)我们就可以看到编写的代码了

for循环案例

双重for循环打印星星

        var rows =prompt('input the row:');
        var cols=prompt('input the col:');
        var str='';
        for(var i=1;i<=rows;i++){
            for(var j=1;j<=i;j++){
                str+='*';
            }
            str+='\n';
        }
        console.log(str);

打印九九乘法表

        var str='';
        for(var i=1;i<10;i++){
            for(var j=1;j<=i;j++){
                str+=j+'*'+i+'='+i*j+' ';
            }
            str+='\n';
        }
        console.log(str);

while循环案例

计算1-100之间所有整数和

        var sum=0;
        var j=1;
        while(j<=100){
            sum+=j;
            j++;
        }
        console.log(sum);

do-while循环

do-while语句其实是while语句的一个变体。该循环会先执行一次代码块，然后对条件表达式进行判断，如果条件为真，就会重复执行循环体，否则退出循环。

计算1-100之间所有整数和

        var i=1;
        var sum=0;
        do{
            sum+=i;
            i++;
        }while(i<=100)

continue break关键字

continue关键字用于立即跳出本次循环，继续下一次循环
break关键字用于立即跳出整个循环(循环结束)