JavaScript label 语句

2025年3月17日 | 阅读 3 分钟

JavaScript 标签是用于将标签作为标识符的前缀的语句。您可以指定任何非保留字的名称作为标签。它只是在代码中使用冒号（:）表示。

标签可以与 break 或 continue 语句一起使用，以更精确地控制代码流程。标签应用于一段代码或一个语句。

通过一些例子，我们将学习如何在 JavaScript 中定义和使用标签语句。

语法

参数

标签： 这是一个 JavaScript 标识符。将其定义为任何非保留关键字的名称。

语句： 这是一个 JavaScript 语句，其中 break 简单地与带标签的语句一起使用，而 continue 与循环的带标签语句一起使用。

示例

让我们通过不同的示例来理解 JavaScript 标签是如何工作的，以及它如何帮助中断或继续执行循环语句。

示例：使用 for 循环标签进行 break

在此示例中，我们将定义两个名为 innerloop 和 outerloop 的标签，它们与 for 循环一起用于在特定条件下中断循环的执行。

复制代码

<html>
<body>
<script>
var i, j;
//Execution of outerloop and innerloop using label
document.write("Entering the loop!<br /> ");

outerloop:      // This is the label name for the below loop
for (i = 0; i < 5; i++) {
   document.write("<b> Outerloop i: </b>" + i + "</br>");
   innerloop:  //another label
   for (j = 0; j <= 4; j++) {
        //when j is greater than 3, quit the innermost loop
        if (j > 3 ) {
        	document.write("<b> Break innermost loop when j>3 </b></br>");
            break ;  
        }
        // when i = 2, exit from innerloop
        if (i == 2) {
            document.write("<b> Break innerloop when i=2 </b></br>");
            break innerloop; 
        }
        // when i = 4, exit from outerloop too
        if (i == 4) {
            document.write("<b> Break outerloop when i=4 </b></br>");
            break outerloop; 
        }
        document.write("Innerloop execution j: " + j + " <br />");
   }
}
document.write("Exit from all loops! </br> ");
</script>
</body>
</html>

输出

Entering the loop!
Outerloop i: 0
Innerloop execution j: 0
Innerloop execution j: 1
Innerloop execution j: 2
Innerloop execution j: 3
Break innermost loop when j>3
Outerloop i: 1
Innerloop execution j: 0
Innerloop execution j: 1
Innerloop execution j: 2
Innerloop execution j: 3
Break innermost loop when j>3
Outerloop i: 2
Break Innerloop when i=2
Outerloop i: 3
Innerloop execution j: 0
Innerloop execution j: 1
Innerloop execution j: 2
Innerloop execution j: 3
Break Innerloop when j>3
Outerloop i: 4
Break Outerloop when i=4
Exit from all loops!

示例：使用 for 循环标签进行 continue

在此示例中，我们将再次定义两个名为 innerloop 和 outerloop 的标签。但现在它们与 for 循环一起使用，以便在出现特定条件时继续执行循环。

复制代码

<html>
<body>
<script>
var i,j;
//Execution of loops using outerloop and innerloop label
document.write("Entering the loop! </br> ");

outerloop: // This is the label name
for (i = 0; i < 4; i++) {
    document.write("<b> Outerloop: </b>" + i + "</br>");
    innerloop:
    for (j = 0; j < 4; j++) {
	if (i > 2) {
        	    document.write("<b> Continue Innerloop when i>2 </b></br>");
	    continue innerloop;
	}
        
            if (j == 3) {
                document.write("<b> Continue Outerloop when j=3 </b></br>");
	    continue outerloop;
	}
	document.write("Innerloop execution: " + j + "<br />");
     }
}
document.write("Exit from all loops!<br /> ");
</script>
</body>
</html>

输出

Entering the loop!
Outerloop i: 0
Innerloop execution j: 0
Innerloop execution j: 1
Innerloop execution j: 2
Continue Outerloop when j=3
Outerloop i: 1
Innerloop execution j: 0
Innerloop execution j: 1
Innerloop execution j: 2
Continue Outerloop when j=3
Outerloop i: 2
Innerloop execution j: 0
Innerloop execution j: 1
Innerloop execution j: 2
Continue Outerloop when j=3
Outerloop i: 3
Continue Innerloop when i>2
Continue Innerloop when i>2
Continue Innerloop when i>2
Continue Innerloop when i>2
Exit from all loops!

基本上，JavaScript 中的标签语句控制程序的流程。JavaScript 程序员现在很少使用标签。

下一主题谁创建了 JavaScript

JavaScript label 语句

语法

参数

示例

示例：使用 for 循环标签进行 break

示例：使用 for 循环标签进行 continue

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

JavaScript 基础

JS 变量和数据类型

JS 控制语句

JavaScript 函数

JavaScript 对象

JS 高级函数

JS Promises & Async/Await

JavaScript DOM

JavaScript JSON 对象

JavaScript 验证

JavaScript Cookies

异常处理

JavaScript 集合

JavaScript 事件

JavaScript OOPs

JavaScript BOM

面试题

选择题

差异

JavaScript Map 方法

JavaScript Handler

JavaScript Number 方法

JavaScript Reflect

JavaScript Symbol

Symbol 属性

JavaScript Math 方法

JavaScript Date 方法

JavaScript DataView

JavaScript Object 方法

JavaScript Set 方法

JavaScript 字符串方法

JavaScript TypedArray 方法

JavaScript WeakMap 方法

JavaScript WeakSet 方法

JavaScript 数组方法

JavaScript RegExp 对象

JavaScript 附加内容

JavaScript 杂项

JavaScript 进阶

问题

Lodash

JavaScript label 语句

语法

参数

示例

示例：使用 for 循环标签进行 break

示例：使用 for 循环标签进行 continue

相关帖子

在 JavaScript 中搜索数组的不同方法

如何在 Chrome 中禁用 JavaScript

JavaScript 展开

JavaScript 中的 BigInt

JavaScript 完全参考

JavaScript ES7

JavaScript 中的字符串比较

在 JavaScript 数组中获取对象索引

JavaScript closest()

如何在 JavaScript 中绘制圆形？

订阅 Tpoint Tech

联系信息