JavaScript循环中的break和continue关键字

目录

        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>

           

 
 

  

猜你喜欢

转载自blog.csdn.net/Jsy_997/article/details/124319833