JavaScript 如何跳出循环

我们在写代码时，经常会遇到需要重复执行任务的场景——比如遍历购物车商品、检查列表里的内容，这就要用到循环。但有时候我们不想把循环里的内容全部跑完，比如找到了想买的商品就立刻停止挑选，或者发现错误就不再继续执行。这时候就需要知道，怎么让循环提前“刹车”。

---

最常用的：用 `break` 跳出当前循环

break 是最直接的停止方式，就像走路时遇到红灯直接停下，不会再走接下来的路。举个例子，你在整理一堆旧照片，想找出2018年的那一张：

`javascript

const photos = ["2015年照", "2017年照", "2018年照", "2020年照"];

for (let i = 0; i < photos.length; i++) {

if (photos[i] === "2018年照") {

console.log("找到啦！");

break; // 找到后直接跳出整个for循环，不会再检查后面的2020年照

}

}

`

如果不用break，循环会把四张照片都检查一遍，浪费一点时间；用了break，找到目标就立刻停，效率更高。

要注意，break只能跳出它所在的那一层循环。如果是嵌套循环（比如购物车里有多个商品，每个商品又有多个属性），break只会跳出内层循环，外层还会继续跑。

---

更灵活的：用 `return` 跳出函数里的循环

如果循环是写在一个函数里，用return会更方便——它不仅能停止循环，还能直接退出整个函数，就像你在超市找完想买的东西，结完账就直接离开超市，不用再逛剩下的货架。

比如写一个函数，用来检查用户输入的密码是否包含数字：

`javascript

function hasNumber(password) {

const numberList = ["0","1","2","3","4","5","6","7","8","9"];

for (let char of password) {

if (numberList.includes(char)) {

console.log("密码符合要求！");

return true; // 找到数字，不仅停循环，还直接返回结果，函数结束

}

}

console.log("密码需要包含数字！");

return false; // 循环跑完没找到，返回不符合的结果

}

hasNumber("abc123"); // 输入包含数字，会立刻返回true

`

如果这里用break，只能停止循环，但函数还会继续执行，最后还是会输出“密码需要包含数字”，不符合我们的需求，这时候return就更合适。

---

还有一种：用 `continue` 跳过当前一轮

有时候我们不是要完全停止循环，只是不想执行这一轮的内容，就像走路时遇到积水，绕过去继续走，而不是直接停下来不往前走。

比如你要统计家里所有水果的总重量，但要排除坏掉的水果：

`javascript

const fruits = [

{ name: "苹果", weight: 200, isBad: false },

{ name: "香蕉", weight: 150, isBad: true },

{ name: "橙子", weight: 300, isBad: false }

];

let total = 0;

for (let fruit of fruits) {

if (fruit.isBad) {

continue; // 遇到坏香蕉，跳过这一轮，不执行后面的重量计算

}

total += fruit.weight;

}

console.log("总重量：", total); // 结果是500（苹果200+橙子300），不会把坏香蕉算进去

`

如果不用continue，坏香蕉的重量也会被加进去，就会统计出错，这时候continue就是“跳过这一轮，继续下一轮”的作用。

在实际开发中，我们可以根据需求选工具：要立刻停止整个循环用break，要在函数里同时停止循环和返回结果用return，只跳过当前一轮用continue。掌握这三个方法，就能轻松控制循环的节奏，不会在不需要的代码上浪费时间。