英文 | 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 语句来控制循环中代码的执行以及如何退出嵌套循环。
学习更多技能
请点击下方公众号