【JavaScript 教程】第四章 程序流程07— JavaScript break 语句

共 1833字,需浏览 4分钟

 ·

2021-11-27 10:42

英文 | https://www.javascripttutorial.net/

译文 | 杨小爱

在上节中,我们学习了JavaScript 程序流程中的for循环语句,错过的小伙伴可以点击文章《【JavaScript 教程】第四章 程序流程06— JavaScript for 循环》进行学习。

那么,在今天的教程中,我们将一起来学习如何使用 JavaScript break语句来控制循环中代码的执行。

在讨论break语句之前,我们label先说一下语句。

label声明

在 JavaScript 中,您可以标记语句以供以后使用。下面说明了该label语句的语法:

label: statement;

标签可以是任何有效的标识符。

以下示例使用outer标签标记循环。

outer: for (let i = 0; i < 5; i++) {    console.log(i);}

可以使用 break 或 continue 语句来引用标签。 通常,您将标签与嵌套循环一起使用,例如 for、do-while 和 while 循环。

JavaScript break 语句

break 语句使您可以对循环中代码的执行进行细粒度控制。break 语句立即终止循环并将控制权传递给循环后的下一个语句。 

下面是一个例子:

for (var i = 1; i < 10; i++) {    if (i % 3 == 0) {        break;    }}console.log(i); // 3

在这个例子中,for 循环将变量 i 从 1 递增到 10。在循环体中,if 语句检查 i 是否可以被 3 整除。如果是,则执行 break 语句并终止循环。

控制被传递到循环外的下一个语句,该语句将变量 i 输出到控制台窗口。

除了控制循环之外,您还可以使用 break 语句来终止 switch 块中的 case 分支。查看如何在 switch 块中使用 break 语句。

使用break语句退出嵌套循环

如前所述,您可以使用 break 语句终止标签语句并将控制转移到终止语句之后的下一个语句。 

语法如下:

break label;

该break语句通常用于退出嵌套循环。请参阅以下示例。

let iterations = 0; top: for (let i = 0; i < 5; i++) {         for (let j = 0; j < 5; j++) {             iterations++;             if (i === 2 && j === 2) {                 break top;             }         }     } console.log(iterations); // 13

在这个例子中:

首先,变量iterations设置为零。

其次,两个循环都将变量 i 和 j 从 1 增加到 5。在内部循环中,我们增加迭代变量并使用 if 语句检查 i 和 j 是否等于 2。如果是,则 break 语句终止两个循环并通过控制循环后的下一条语句。

总结

通过本教程的学习,我们知道了如何使用 JavaScript 的 break 语句来控制循环中代码的执行以及如何退出嵌套循环。


推荐阅读

【JavaScript 教程】第四章 程序流程06— JavaScript for 循环

【JavaScript 教程】第四章 程序流程05— JavaScript do-while 循环语句

【JavaScript 教程】第四章 程序流程04— while 循环语句

【JavaScript 教程】第四章 程序流程03— switch 语句

【JavaScript 教程】第四章 程序流程02— 三元运算符使您的代码更简洁

【JavaScript 教程】第四章 程序流程01— JavaScript if else 语句


学习更多技能

请点击下方公众号

浏览 18
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报