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>");
            }
        }
}

 

相关文章
|
6月前
|
前端开发 JavaScript 容器
|
8月前
|
JavaScript 前端开发
JS 下载 URL 链接文件(点击按钮、点击a标签、支持代理与非代理下载)
JS 下载 URL 链接文件(点击按钮、点击a标签、支持代理与非代理下载)
174 0
|
6月前
|
Web App开发 移动开发 JavaScript
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件,Video 禁止鼠标右键下载
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件,Video 禁止鼠标右键下载
168 0
|
6月前
|
前端开发 JavaScript
前端基础 - JavaScript修改标签样式的属性值
前端基础 - JavaScript修改标签样式的属性值
35 0
|
1月前
|
JavaScript 前端开发
js的input标签上传图片并转为base64预览
js的input标签上传图片并转为base64预览
27 0
|
6月前
|
JavaScript 前端开发 Windows
VScode的注释和标题,标签,img的src属性(如何网页上插入图片)(Mac如何开启js控制台)(如何免费复制网页中的文字)
VScode的注释和标题,标签,img的src属性(如何网页上插入图片)(Mac如何开启js控制台)(如何免费复制网页中的文字)
|
2月前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——HTML2、table表格标签
H5+CSS3+JS逆向前置——HTML2、table表格标签
24 0
|
3月前
|
JavaScript 前端开发 UED
探究: 为什么JavaScript要在body标签尾部引入?
探究: 为什么JavaScript要在body标签尾部引入?
26 0
|
3月前
|
JavaScript 前端开发
|
9月前
|
安全 JavaScript 前端开发
JavaScript 中的模板字面量与标签模板
在 JavaScript 中,模板字面量(Template Literals)和标签模板(Tagged Templates)是两种用于处理字符串的特殊方式。它们分别提供了更灵活和强大的字符串处理能力,让字符串拼接、格式化和转义变得更加方便。
114 0