JavaScript循环中的break和continue关键字

最新推荐文章于 2024-05-28 19:51:06 发布

Jsy_997

最新推荐文章于 2024-05-28 19:51:06 发布

阅读量911

点赞数

分类专栏： JavaScript 文章标签： js

本文链接：https://blog.csdn.net/Jsy_997/article/details/124319833

版权

JavaScript 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

1.break

语法：break[label]

2.continue

语法：continue [ label ];

1.break

语法：break[label]

label 可选

与语句标签相关联的标识符。如果 break 语句不在一个循环或 switch 语句中，则该项是必须的。

break 语句用于退出 switch 语句或循环语句(for, for ... in, while, do ... while)。当 break 语句用于 switch 语句中时，会跳出 switch 代码块，终止执行代码。当 break 语句用于循环语句时，会终止执行循环，并执行循环后代码(如果有的话)。break 语句同样可用于可选的标签引用，用于跳出代码块。注意： break 语句（不带标签引用），只能用在循环或 switch 中。

下面的例子中，本应该输处5次“The number is xx”，但是由于break的参与，在满足i等于3时，就会结束循环，所以只打印了三遍。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>点击按钮执行循环，并在 i 等于 “3” 的时候跳出循环。</p>

    <button onclick="myFunction()">点我</button>


    <script>
    function myFunction() {
        var text = ""
        var i;
        for (i = 0; i < 5; i++) {
            if (i == 3) {
                break;
            }
            text += "The number is " + i + "<br>";
        }
        document.write(text)
    }
</script>
</body>
</html>

2.continue

语法：continue [ label ];

label 可选

标识标号关联的语句

continue 用于跳过循环中的一个迭代，并继续执行循环中的下一个迭代。continue 与 break 语句的区别是， break 是结束整个循环体，continue是结束单次循环。但是，在执行 continue 语句时，表现出了两种不同类型的循环：在 while 循环中，会先判断条件，如果条件为 true，循环再执行一次。在 for 循环中，自增长表达式 (如：i++) 会先计算，然后再判断条件是否为true，再决定是否执行迭代。continue 语句可应用于可选的标签引用。注意： continue 语句（不带标签引用），只能用在循环或 switch 中。

和上面的break的代码几乎一样，就是讲break关键字换成continue关键字。但是运行结果却与break大不相同，本次输出结果是 0 ，1,2,4系统只在满足i=3的时候跳出了当次循环，但是后面第4次循环还是会进行。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>点击按钮执行循环，在 i 等于 3 时跳过当前循环。</p>

    <button onclick="myFunction()">点我</button>


    <script>
    function myFunction() {
        var text = ""
        var i;
        for (i = 0; i < 5; i++) {
            if (i == 3) {
                continue;
            }
            text += "The number is " + i + "<br>";
        }
        document.write(text)
    }
</script>
</body>
</html>