JavaScript -- 标签 , Break 和 Continue 语句

简介: break 语句用于跳出循环。continue 用于跳过循环中的一个迭代。标签引用,break 语句可用于跳出任何 JavaScript 代码块。demo:DOCTYPE html> break Continue语句 点击按钮,测试带有 break Continue 语句的循环。

break 语句用于跳出循环。

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

标签引用,break 语句可用于跳出任何 JavaScript 代码块。

demo:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>break Continue语句</title>
    </head>

    <body>

        <p>点击按钮,测试带有 break Continue 语句的循环。</p>
        <button onclick="breakAndContinue()">点击这里</button>
        <script type="text/javascript" src="test.js"></script>

    </body>

</html>

对应的Js代码:

function breakAndContinue() {
    var x = "",
        i = 0;
    document.write("----------break语句-----------" + "<br>");
    for (i = 0; i < 10; i++) {
        //后面的不会执行
        if (i == 3) {
            break;
        }
        x = x + "该数字为 " + i + "<br>";
    }
    document.write(x + "<br>");
    document.write("----------continue语句-----------" + "<br>");
    var x = "",
        i = 0;
    for (i = 0; i < 10; i++) {
        //跳过本次循环,执行接下来的循环
        if (i == 3) {
            continue;
        }
        x = x + "该数字为 " + i + "<br>";
    }
    document.write(x + "<br>");
    document.write("----------标签语句-----------" + "<br>");
    outerloop:
        for (var i = 0; i < 10; i++) {
            innerloop: for (var j = 0; j < 10; j++) {
                if (j > 3) {
                    break;
                }
                if (i == 2) {
                    break innerloop;
                }
                if (i == 4) {
                    break outerloop;
                }
                document.write("i=" + i + " j=" + j + "" + "<br>");
            }
        }
}

 

相关文章
|
4月前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
153 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
4月前
|
JavaScript 前端开发
JavaScript基础知识-break和continue
这篇文章介绍了JavaScript中的break和continue关键字,并通过多个示例展示了如何使用它们来控制循环流程,包括如何使用标签来指定跳出特定的循环。
49 3
JavaScript基础知识-break和continue
|
3月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
203 0
|
4月前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
4月前
|
JavaScript 前端开发
JavaScript break 和 continue 语句
JavaScript break 和 continue 语句
26 3
|
5月前
|
JavaScript 前端开发
JavaScript 函数中break,continue,return 的区别
JavaScript 函数中break,continue,return 的区别
43 0
|
6月前
|
JavaScript
vue + d3.js(v6) 绘制【树状图/思维导图】可折叠/展开,可点击跳转,可带标签
vue + d3.js(v6) 绘制【树状图/思维导图】可折叠/展开,可点击跳转,可带标签
756 1
|
8月前
|
JavaScript
原生js实现【longPressKey】长按键盘任意键(或组合键)3秒触发自定义事件(以Pause/Break键为例)
原生js实现【longPressKey】长按键盘任意键(或组合键)3秒触发自定义事件(以Pause/Break键为例)
|
8月前
|
JavaScript 前端开发
js的input标签上传图片并转为base64预览
js的input标签上传图片并转为base64预览
133 0
|
8月前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——HTML2、table表格标签
H5+CSS3+JS逆向前置——HTML2、table表格标签
65 0