JS 跳出while|极客笔记

JS 跳出while

在 JavaScript 中，我们经常会使用 while 循环来重复执行一段代码直到满足某个条件为止。但有时候我们希望在某个特定条件下跳出 while 循环，本文将详细讨论如何在 JavaScript 中跳出 while 循环。

使用 break 语句跳出 while 循环

在 JavaScript 中，我们可以使用 break 语句来跳出循环。当 break 语句被执行时，循环会立即终止，并且代码将会跳转到循环之后的下一行。

下面是一个简单的示例，演示如何在 while 循环中使用 break 语句：

let i = 0;
while (i < 5) {
    console.log(i);
    if (i === 2) {
        break; // 当 i 等于 2 时跳出循环
    }
    i++;
}

在上面的代码中，当 i 的值等于 2 时，break 语句被执行，循环被终止。我们可以看到控制台输出如下：

0
1
2

利用标签跳出多层嵌套的 while 循环

有时候我们会遇到多层嵌套的 while 循环，如果想要从最外层的循环中跳出，可以使用标签和 break 语句结合的方式。

下面是一个演示如何跳出多层嵌套的 while 循环的示例代码：

outerLoop: while (true) {
    console.log('Outer loop');
    innerLoop: while (true) {
        console.log('Inner loop');
        break outerLoop; // 从外层循环跳出
    }
}

在上面的代码中，内层循环会执行一次后便跳出外层循环。这是因为 break outerLoop; 语句会跳出带有标签 outerLoop 的循环。

使用函数封装 while 循环

有时候我们会将重复执行的代码封装成一个函数，然后在函数内部使用 while 循环。如果我们想要跳出这个函数中的 while 循环，可以使用 return 语句。

下面是一个简单的示例，演示如何在函数中使用 return 跳出 while 循环：

function printNumbers() {
    let i = 0;
    while (true) {
        console.log(i);
        if (i === 2) {
            return; // 跳出函数
        }
        i++;
    }
}

printNumbers();

在上面的代码中，当 i 的值等于 2 时，函数会被提前结束，然后跳出函数内的 while 循环。输出如下：