在 javascript 中,`break` 用于立即终止当前所在的整个循环,程序跳出循环体继续执行后续代码;而 `continue` 则跳过本次循环剩余的语句,直接进入下一次迭代的判断条件。开发者可以通过在循环体内添加条件判断来触发这两个关键字,从而灵活控制循环的执行流程。

使用 break 退出特定条件的循环
当需要满足某个条件时完全停止循环,应使用 `break`。例如在遍历数组查找目标值时,一旦找到即可提前结束,避免不必要的后续迭代。

const arr = [10, 20, 30, 40, 50];
let found = false;
for (let i = 0; i <p>预期输出:Found 30 at index 2。循环在索引 2 处中断,不再检查 40 和 50。</p><h2>使用 continue 跳过特定迭代</h2><p>当需要忽略某些不符合条件的元素但继续处理剩余元素时,应使用 `continue`。这常用于过滤数据或跳过无效状态。</p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill12540" title="javascript-typescript-typescript-scaffold"><img
src="https://img.php.cn/upload/skill/001/246/273/6adaf20e352aa140.jpg" alt="javascript-typescript-typescript-scaffold" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/skill12540" title="javascript-typescript-typescript-scaffold" class="overflowclass">javascript-typescript-typescript-scaffold</a>
<p class="overflowclass">你是 TypeScript 项目架构专家,专注于脚手架搭建生产就绪的 Node.js 和前端应用。生成包含现代工具链(pnpm、Vite、Next.js)、类型</p>
</div>
<a rel="nofollow" href="/xiazai/skill12540" title="javascript-typescript-typescript-scaffold" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div><p><img src="https://img.php.cn/upload/article/001/242/473/179445846460700.png?x-oss-process=image/resize,p_40" alt="JavaScript 中 break 和 continue 怎么控制循环"></p><pre class="brush:php;toolbar:false;">const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
let sum = 0;
for (let num of numbers) {
if (num % 2 !== 0) {
continue; // 跳过奇数,不执行下面的累加
}
sum += num;
}
console.log('Sum of even numbers: ' + sum); // 输出 30
预期输出:Sum of even numbers: 30。循环遍历所有数字,但仅对偶数进行累加,奇数被直接跳过。
基于嵌套循环中的具体行为问题
在嵌套循环中,`break` 和 `continue` 只影响它们所在的最内层循环,不会跳出外层循环。若需跳出多层循环,通常需要使用标签(label)或抛出异常等技巧。
Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南










