本文总结了 JavaScript 中跳出循环的四种常用方法。通过 [[wp:a1]] 跳过当前迭代，使用 [[wp:a3]] 终止当前循环，利用 label 语句控制多层嵌套循环，以及在函数中使用 [[wp:a6]] 直接退出。掌握这些技巧有助于优化代码性能并提升可读性，适用于批量操作或数据查找场景。
前言
在编程实践中，开发者频繁使用 for 结构来检索数据或执行批量任务。一旦定位到所需结果，为了提升运行效率，往往需要立即终止遍历过程。下文将介绍几种实现提前结束循环的常见方案。
1. 跳过当前循环（continue）
借助 continue 关键字可以跳过当前迭代步骤，程序将直接跳转至下一次循环判断。
for (let i = 0; i < 5; i++) {
if (i === 2) continue; // 跳过i=2的情况
console.log(i);
}
// 输出:
// 0
// 1
// 3
// 4
2. 跳出当前循环（break）
通过 break 语句可以立即终止当前所在的整个循环结构。
for (let i = 0; i < 5; i++) {
if (i === 3) break; // 当i=3时终止循环
console.log(i);
}
// 输出:
// 0
// 1
// 2
3. 跳出多层循环
方法一：使用 label 语句
为循环结构添加标识标签后，即可实现跳出指定的外层循环逻辑。
outerLoop:
for (let i = 0; i < 3; i++) {
for (let j = 0; j < 3; j++) {
if (i === 1 && j === 1) {
break outerLoop; // 跳出外层循环
}
console.log(i, j);
}
}
// 输出:
// 0 0
// 0 1
// 0 2
// 1 0
方法二：使用函数 return
若将循环逻辑封装在函数内部，可通过 return 关键字直接终止整个函数的执行。
function findMatch() {
for (let i = 0; i < 4; i++) {
for (let j = 0; j < 4; j++) {
if (i + j === 3) {
console.log(`找到匹配: ${i}, ${j}`);
return; // 退出整个函数
}
console.log(`正在检查: ${i}, ${j}`);
}
}
}
findMatch();
// 输出:
// 正在检查: 0, 0
// 正在检查: 0, 1
// 正在检查: 0, 2
// 找到匹配: 0, 3
4. 跳出代码块（label + break）
标签机制不仅限于循环，同样可用于跳出任意指定的代码块范围。
myBlock: {
console.log("第一行");
break myBlock;
console.log("这行不会执行");
}
console.log("块外代码");
// 输出:
// 第一行
// 块外代码
总结
| 方法 | 作用 | 适用场景 |
|---|---|---|
continue | 跳过当前迭代 | 需要跳过某些特定情况时 |
break | 终止当前循环 | 找到目标后结束循环 |
label + break | 跳出指定循环或代码块 | 多层嵌套循环控制 |
return | 退出整个函数 | 循环在函数内部时 |
根据具体业务场景选择恰当的退出方式，能够有效提升代码的执行效率与可读性。