Web全栈工程师之路(三)——JavaScript篇(九)——break与continue

以下是html代码，个人建议放在IDE里运行，边看效果，边学习~
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS初步(九)——break与continue</title>
    <script>
        /*  
            break关键字可以用来退出switch或循环语句
            不能在if语句中使用break和continue
            break关键字会立即终止离他最近的那个循环语句
        */

        for(var i=0;i<5;i++){
            console.log(i);
            if(i==2){
                break; //当i等于2的时候，跳出for循环，不会对if起作用
            }
        }

        for(var i=0;i<3;i++){ //看一下嵌套循环的效果
            document.write("这里是外层循环"+i+"<br/>");
            for(var j=0;j<3;j++){
                break; //break只会影响最近的那个内层循环，外面的那个for循环没有被影响
                document.write("内层循环"+j+"<br/>");
            }
        }

        /*  
            可以为循环语句创建一个label(标签)来标识当前的循环
            label:循环语句
            使用break语句时，可以在break后跟着一个label
            这样break将会结束指定的循环
        */

        //我们再来看看代码，还是同样的代码，只不过break做了些修改
        hello:
        for(var i=0;i<3;i++){ //看一下嵌套循环的效果
            document.write("这里是新的外层循环"+i+"<br/>");
            for(var j=0;j<3;j++){
                break hello; //break只会影响最近的那个内层循环，外面的那个for循环没有被影响
                document.write("内层循环"+j+"<br/>");
            }
        }

        /*  
            continue关键字可以用来跳过当次循环
            同样continue也是默认只会对离他最近的循环起作用，这里不作过多演示，大家可以自己试试
            label:循环语句
            使用continue语句时，可以在break后跟着一个label
            这样continue将会结束指定的循环
        */

        console.time("continue"); //作用是记录下方代码运行起始时间，长与下方的timeEnd联用

        for(var i=0;i<4;i++){
            if(i==2){
                continue; //跳过第二次循环，最后结果只输出0、1、3
            }
            console.log(i);
        }

        console.timeEnd("continue");//作用是记录上方代码运行结束时间，然后输出代码运行的多长时间，长与上方的time联用，需要一个名字作为参数
    </script>
</head>
<body>
    
</body>
</html>
Web全栈工程师之路(三)——JavaScript篇(九)——break与continue

猜你喜欢
