[武汉|结业弟子]JS-万晶|2020年02月13日的日报-技能树.IT修真院

发表于： 2020-02-13 22:39:34

1 1254

今天完成的事情：今天学习了JavaScript break 和 continue 语句
明天计划的事情：继续学习js的相关内容
遇到的问题：只是学会了使用方法还没想好怎么使用，还是要多实际操作
收获：JavaScript break 和 continue 语句还是很有用的

break 语句用于跳出循环。

continue 用于跳过循环中的一个迭代。

continue 语句跳出循环后，会继续执行该循环之后的代码（如果有的话）

比如一个简单的例子

 <p>点击按钮，测试带有 break 语句的循环。</p>
    <button onclick="myFunction()">点击这里</button>
    <p id="demo"></p>
    <script>
        function myFunction() {
            var x = "", i = 0;
            for (i = 0; i < 10; i++) {
                if (i == 3) {
                    break;
                }
                x = x + "该数字为 " + i + "<br>";
            }
            document.getElementById("demo").innerHTML = x;
        }
    </script>

运行结果

跳出了i=3的时候的循环

continue也比较好理解，例如

<p>点击下面的按钮来执行循环，该循环会跳过 i=3 的数字。</p>
    <button onclick="myFunction()">点击这里</button>
    <p id="demo"></p>
    <script>
        function myFunction() {
            var x = "", i = 0;
            for (i = 0; i < 10; i++) {
                if (i == 3) {
                    continue;
                }
                x = x + "该数字为 " + i + "<br>";
            }
            document.getElementById("demo").innerHTML = x;
        }
    </script>

运行的结果

可以看出跳过了3的部分继续循环了

另外break 语句（不带标签引用），只能用在循环或 switch 中。

通过标签引用，break 语句可用于跳出任何 JavaScript 代码块。例如

cars=["BMW","Volvo","Saab","Ford"];
        list:{
            document.write(cars[0] + "<br>"); 
            document.write(cars[1] + "<br>"); 
            document.write(cars[2] + "<br>"); 
            break list;
            document.write(cars[3] + "<br>"); 
            document.write(cars[4] + "<br>"); 
            document.write(cars[5] + "<br>"); 
        }
        </script>