continue 在 JavaScript 中如何使用？

在JavaScript中， continue语句用于跳过当前循环中的剩余代码，并开始下一次迭代。

在JavaScript中，continue语句用于跳过当前循环的当前迭代，并立即开始下一次迭代，它通常与for、while和do...while循环一起使用，当执行到continue语句时，控制会直接跳到循环的下一次迭代，而不会执行循环体中剩余的代码。

以下是continue语句在不同类型循环中的用法示例：

1.for循环中的continue

for (let i = 0; i < 10; i++) {
    if (i % 2 === 0) {
        continue; // 跳过偶数
    }
    console.log(i); // 输出奇数
}

在这个例子中，continue语句使得循环在遇到偶数时跳过当前的迭代，因此只会输出奇数。

2.while循环中的continue

let i = 0;
while (i < 10) {
    i++;
    if (i % 2 === 0) {
        continue; // 跳过偶数
    }
    console.log(i); // 输出奇数
}

在这个例子中，continue语句同样使得循环在遇到偶数时跳过当前的迭代，因此只会输出奇数。

3.do...while循环中的continue

let i = 0;
do {
    i++;
    if (i % 2 === 0) {
        continue; // 跳过偶数
    }
    console.log(i); // 输出奇数
} while (i < 10);

在这个例子中，continue语句使得循环在遇到偶数时跳过当前的迭代，因此只会输出奇数，需要注意的是，do...while循环至少会执行一次循环体，然后再根据条件决定是否继续执行。

4.continue与break的区别

continue：跳过当前迭代的剩余代码，并立即开始下一次迭代。

break：完全退出循环，不再执行任何迭代。

示例对比：

// 使用continue
for (let i = 0; i < 5; i++) {
    if (i === 2) {
        continue; // 跳过i=2的情况
    }
    console.log(i); // 输出: 0, 1, 3, 4
}
// 使用break
for (let i = 0; i < 5; i++) {
    if (i === 2) {
        break; // 退出循环
    }
    console.log(i); // 输出: 0, 1
}

`continue`与嵌套循环

在嵌套循环中，continue只能影响最内层的循环，如果需要跳出外层循环，可以使用标签（label）来标记循环，并通过带有标签的continue语句来跳出外层循环。

outerLoop: for (let i = 0; i < 3; i++) {
    for (let j = 0; j < 3; j++) {
        if (i * j > 2) {
            continue outerLoop; // 跳出外层循环
        }
        console.log(i, j); // 输出满足条件前的组合
    }
}
// 输出: 0 0, 0 1, 0 2, 1 0, 1 1, 1 2

在这个例子中，当i * j > 2时，带有标签的continue语句会使得控制跳出外层循环outerLoop，从而结束整个循环。

FAQs

Q1:continue语句能否在函数中使用？

A1:continue语句只能在循环结构中使用，不能在函数或其他非循环结构中使用，如果在函数或非循环结构中使用continue，会导致语法错误。

Q2:continue语句是否可以带参数？

A2:continue语句本身不接受参数，如果需要带参数地跳过迭代，可以考虑使用其他逻辑控制结构，如条件判断等，在某些情况下，可以通过结合标签（label）来实现类似带参数跳过的效果，但这通常不常见且可能导致代码可读性降低。

小编有话说：continue语句是JavaScript中一个强大的工具，可以帮助我们更灵活地控制循环的执行流程，过度使用或不当使用continue可能会导致代码难以理解和维护，在实际开发中，我们应该谨慎使用continue语句，并在必要时结合其他控制结构来编写清晰、可维护的代码。