JavaScript break 语句

    在本教程中，您将通过示例了解break语句。
    break 语句用于在遇到循环时立即终止循环。
    break 语句的语法是：

break [label];

    注意： label 是可选的，很少使用。

JavaScript break 语句的工作原理

JavaScript break 语句的工作原理

示例1：for 循环中的 break

// program to print the value of i
for (let i = 1; i <= 5; i++) {
    // break condition     
    if (i == 3) {
        break;
    }
    console.log(i);
}

    输出

1
2

    在上面的程序中，for 循环用于在每次迭代中打印 i 的值。break 语句用作：

if(i == 3) {
    break;
}

    这意味着，当 i 等于3，break 语句终止循环。因此，输出不包括大于或等于 3 的值。
    注意：break 语句几乎总是与决策语句一起使用。要了解更多信息，请访问JavaScript if…else 语句。
    要了解有关 for 循环的更多信息，请访问JavaScript for 循环。

示例2：while 循环中的 break

// program to find the sum of positive numbers
// if the user enters a negative numbers, break ends the loop
// the negative number entered is not added to sum

let sum = 0, number;

while(true) {

    // take input again if the number is positive
    number = parseInt(prompt('Enter a number: '));

    // break condition
    if(number < 0) {
        break;
    }

    // add all positive numbers
    sum += number;

}

// display the sum
console.log(`The sum is ${sum}.`);

    输出

Enter a number: 1
Enter a number: 2
Enter a number: 3
Enter a number: -5
The sum is 6. 

    在上述程序中，用户输入一个数字。while 循环用于打印用户输入的数字的总和。
    这里的 break 语句用作：

if(number < 0) {
    break;
}

    当用户输入负数时，这里是 -5，break 语句终止循环，程序的控制流进入循环之外。
    因此，while 循环将继续，直到用户输入负数。
    要了解有关 while 循环的更多信息，请访问JavaScript while 循环。

嵌套循环中的 break

    在两个嵌套循环中使用 break 时，break 终止内部循环。例如，

// nested for loops

// first loop
for (let i = 1; i <= 3; i++) {

    // second loop
    for (let j = 1; j <= 3; j++) {
        if (i == 2) {
          break;
        }
        console.log(`i = ${i}, j = ${j}`);
    }
}

    输出

i = 1, j = 1
i = 1, j = 2
i = 1, j = 3
i = 3, j = 1
i = 3, j = 2
i = 3, j = 3

    在上面的程序中，当 i == 2，break 语句执行。它终止内循环，程序的控制流移到外循环。
    因此，i=2 的值永远不会显示在输出中。

标记为break的JavaScript

    使用嵌套循环时，还可以使用 label 语句终止外部循环。
    然而，在 JavaScript 中很少使用带标签的 break，因为这使代码更难阅读和理解。
    如果您想了解更多关于带标签的break语句，请访问带标签的break。
    break 语句也与 switch 语句一起使用。要了解更多信息，请访问JavaScript switch 语句。

上一教程 ：JS while Loop                                         下一教程 ：JS continue

参考文档

[1] Parewa Labs Pvt. Ltd. (2022, January 1). Getting Started With JavaScript, from Parewa Labs Pvt. Ltd: https://www.programiz.com/javascript/break-statement