JavaScript014，while，do_while循环 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>JavaScript while循环</title>
    </head>
    <body>
        <h3>while循环 和 do_while循环</h3>
        while循环：<span id="demo"></span>
        </br></br>
        do_while循环：<span id="demo1"></span>
        
        <script type="text/javascript">
            /* while循环：只要条件成立，就会一直执行，条件不成立就不会执行 */
            var i = 1;        //声明变量i并初始化
            while(i <= 5){    //1.第一次执行,i=1,i<=5,条件成立,进入循环
                document.getElementById("demo").innerHTML = "条件满足，我执行了 " + i + " 遍！";//2.输出语句
                i++;    //3.i++(等同于i+1=2),再回到第一步判断,条件满足继续执行,条件不满足,跳出循环
            }
            
            /* do_while循环：不管条件成不成立，都要至少执行一次(因为do_while是把需要执行的语句放在判断语句前面的) */
            do{    //1.不管条件满足否，都要先执行这里
                document.getElementById("demo1").innerHTML = "i = 1;所以i < 0的条件不成立，但是我还是会执行一遍！";
                i++;//2.然后再执行这里
            }
            while(i<0);//3.最后执行判断语句,条件不成立则退出循环;
        </script>
        
        <!-- break 和 continue 语句 -->
        <!-- 
            for(var x=1;x<=5;x++){
                if(x == 3){break;}//实际上这个大括号可以省掉，因为只有一条语句；
                document.write("<p>" + "x的值 = " + x + "</p>");
            }
            上面这段代码执行，输出结果是：
            x的值 = 1
            x的值 = 2
            
            总结：当x == 3满足条件时，执行到break，结束循环；
            ---------------------------
            for(var x=1;x<=5;x++){
                if(x == 3){continue;}
                document.write("<p>" + "x的值 = " + x + "</p>");
            }
            上面这段代码执行，输出结果是：
            x的值 = 1
            x的值 = 2
            x的值 = 4
            x的值 = 5
            
            总结：当x == 3满足条件时，执行continue，跳出本次迭代，循环继续执行，直至结束；
            ----------------------------
            continue 语句（带或不带标签引用）只能用在循环中。
            break 语句（不带标签引用），只能用在循环或 switch 中；
            带标签引用，break 语句可用于跳出任何 JavaScript 代码块。
            test=["A","B","C","D"];
            list: (标签：如需标记 JavaScript 语句，在语句之前加上冒号)
            {
                document.write(cars[0] + "<br>"); 
                document.write(cars[1] + "<br>"); 
                document.write(cars[2] + "<br>"); 
                break list;        //此处break是带标签使用
                document.write(cars[3] + "<br>"); 
            }
            //输出结果为：A B C
         -->
        
    </body>
</html>
posted @ 2020-01-03 22:36  &nbps  阅读(169)  评论(0)    收藏  举报