javascript学习全过程-----js学习笔记（3）------循环结构

**

javascript学习全过程-----js学习笔记目录

**

循环结构：

四个固定的内容：

==>1.初始值

==>2.条件判断

==>3.要执行的代码

==>4.自身的改变

一.while循环

 ==>while,中文 当...时,其实就是当满足条件时就执行代码,一旦不满足了就不执行

        ==>语法:

                while(条件){

                    满足条件时执行;

                }

        ==>因为满足条件就执行,也就是条件为true是执行,如果条件一直为真就会一直执行执行

        ==>所有我们需要有一个边界,就是退出循环的值

实例：

        //1 初始值
        var num = 0;
        //2 条件判断
        while(num<10){
            //3 要执行的代码
            console.log('当前的num值是'+num);           
            //4 自己的改变
            num += 1;
        }

 

二.do...while循环

            ==>是一个和while非常类似的循环

            ==>while会先进行条件判断,满足执行,不满足就不执行了

            ==>但是do...while循环是,先不管条件,先执行一次,然后再开始进行条件判断

            ==>语法:

                do{

                    要执行的代码;

                }

                while(条件)

实例1：

        //案例:计算1到10的累加和
        var n = 1;//n是初始值
        var sum = 0;
        do{
            console.log('我执行了一次');
            //要执行的代码
            sum = sum + n;
            //自己的改变
            n++;

        }while(n<11)
        console.log(sum);

实例2：

        //案例:让用户回到我一个问题,这个问题是:
        //你愿意做我女朋友吗?提示只能回答yes,如果没有回答yes,继续弹框问这个问题,直到回到yes为止
        do{
            var result = prompt('你愿意做我女朋友吗','请回答yes');
            //如果result==yes,不要继续了
        }while(result!="yes")

 

三.for循环

语法:

           for(1 设置初始值;2 循环条件判断;4 自身的改变){

                    3 要执行的代码

           }

            for(var i=1;i<10;i++){

                    console.log(i)

            }

说明：

        ==>for循环在执行的时候遵照以下顺序:1-2-3-4-2-3-4-2-3-4,如果2判断为false,循环结束

案例:

//案例1:在页面输出1-100
for(var i=1;i<101;i++){
    document.write(i+"  ");
 }            
设置初始值i=1;然后判断i<101是否为true,如果是true,就执行{}里面的代码,然后自己改变i++,然后继续判断.....

 

四.break终止循环

==>在循环没有进行完毕的时候,因为我设置的条件满足,提前终止循环

案例：

//案例1:找到100–200之间一个能被3或者7整除的数
    for(var i=100;i<201;i++){
        // 被3或者7整除的数
        if(i%3==0||i%7==0){
            //找到一个就可以了,不用继续找了
            console.log(i);
            //通过break终止循环
            break;
        }
    }

 

五.continue 结束本次循环

  ==>  在循环中,把循环的本次跳过去,继续执行后续的循环

案例：

 //案例:100–200之间所有能被3或者7整除的数
       for(var i=100;i<=200;i++){
           //如果不能被3或7整除,不能输出,就需要结束本次循环,就当做本次循环在这里就完成,继续下一次
           if(!(i%3==0||i%7==0)){
                 continue;
             }
             //不管是几都输出
             console.log(i)
            }