JavaScript流程控制之break、continue与标签（label）的作用与应用

大家好，我是Yangrl;四月，好运降临;
每天记录JavascriptLaernNote.

break与continue：
简介：流程控制中的两个具有跳转作用的语句，可以让代码不按既有的顺序进行。

break：立刻跳出循环或代码块。
continue：结束本次循环，继续开始下一次，又可以说是立即终止本次循环，返回循环结构头部，开始下一轮循环。

example:下面的例子中，就能清晰理解break与continue的不同了.(注释为循环结果)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>JsNote</title>
<meta name="description" content="">
<meta name="keywords" content="">
<script type="text/javascript">
    var num = 0;
    for (var i = 1; i < 10;i++) {
        if (i % 5 == 0) {
            break;//1 2 3 4
            //continue;//1 2 3 4 6 7 8 9
        }
        console.log(i);
    }

    for (var a = 0,b = 1; b <= 10; b++) {
        if (b % 5 == 0) {
            //break;//10
            continue;//40
        }
        a += b;//10,40
    }
    console.log(a);

</script>
</head>
<body>
    test
</body>
</html>

标签（label）:
相当于定位符，用于跳转到程序的任意位置 .
syntax:

 label:
 statment

example:(break)
top:

    for (var i = 0; i < 3; i++) {
        for (var t = 0; t <3; t++) {
            if (i === 1 && t === 1) {
                break top;
            }
            console.log("i=" + i , "t=" + t);
        }
    }

控制台查看结果： break

example:(continue)

top:    
    for (var i = 0; i < 3; i++) {
        for (var t = 0; t <3; t++) {
            if (i === 1 && t === 1) {
                continue top;
            }
            console.log("i=" + i , "t=" + t);
        }
    }

控制台查看结果：这里写图片描述

大概意思就是，i层循环循环一次，里面的t层循环就循环一遍也就是3次，当第二次i层进行循环的时候，遇到if条件，判断符合条件，break跳出双层循环，continue结束本次循环开始i层第三次循环。
(注意，如果不使用标签，只能跳出内层循环，进入下一次外层循环)

基本概念就是这样，灵活运用才是重点。
end.

“值得为之牺牲的才说得上信仰，看着能发财就投进来的那叫商机。”

JavaScript流程控制之break、continue与标签（label）的作用与应用

JavaScript流程控制之break、continue与标签（label）的作用与应用

猜你喜欢