JavaScript 跳出循环 – JS 跳出当前循环

在 JavaScript 中，跳出循环是一个常见的需求，特别是在处理复杂逻辑时。本文将介绍如何使用 break 和 continue 关键字来控制循环的执行，并提供几种不同的方法来实现这一目标。

使用 break 关键字

break 关键字用于立即终止当前循环，并跳出循环体。无论循环条件是否满足，一旦执行到 break 语句，循环就会立即结束。

示例代码

假设我们有一个数组，我们需要找到个大于 10 的元素并输出它：

javascript
const numbers = [1, 5, 8, 12, 15, 20];</p>

<p>for (let i = 0; i < numbers.length; i++) {
    if (numbers[i] > 10) {
        console.log(<code>个大于 10 的元素是: ${numbers[i]});
        break;
    }
}

在这个例子中，一旦找到个大于 10 的元素，break 语句就会终止循环，不再继续检查剩余的元素。

使用 continue 关键字

continue 关键字用于跳过当前循环的剩余部分，并直接进入下一次迭代。与 break 不同，continue 不会终止整个循环，而是跳过当前迭代的剩余部分。

示例代码

假设我们有一个数组，我们需要输出所有偶数：

javascript
const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];</p>

<p>for (let i = 0; i < numbers.length; i++) {
    if (numbers[i] % 2 !== 0) {
        continue;
    }
    console.log(numbers[i]);
}

在这个例子中，当遇到奇数时，continue 语句会跳过当前迭代的剩余部分，直接进入下一次迭代。

使用标签（Label）和 break

在某些情况下，你可能需要从嵌套循环中跳出。JavaScript 提供了标签（Label）机制，可以让你从特定的循环中跳出。

示例代码

假设我们有两个嵌套的循环，我们需要在内层循环中找到一个特定的值并跳出所有循环：

javascript
const matrix = [
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
];</p>

<p>outerLoop: for (let i = 0; i < matrix.length; i++) {
    for (let j = 0; j < matrix[i].length; j++) {
        if (matrix[i][j] === 5) {
            console.log(<code>找到了值 5，在位置 (${i}, ${j}));
            break outerLoop;
        }
    }
}

在这个例子中，outerLoop 是一个标签，break outerLoop 语句会跳出最外层的循环。

总结

本文介绍了如何在 JavaScript 中使用 break 和 continue 关键字来控制循环的执行。通过这些关键字，你可以灵活地控制循环的终止和跳过。此外，标签（Label）机制提供了从嵌套循环中跳出的能力，适用于更复杂的场景。希望这些方法能帮助你在编写代码时更加高效和灵活。