JavaScript流程控制语句中两位老朋友：Break 和 Continue语句，你用对了吗？

2023-07-25 07:52:36

JavaScript中的流程控制：Break和Continue语句

JavaScript中拥有强大的流程控制语句，其中Break和Continue 尤为重要。它们如同代码执行过程中的"暂停"和"继续"按钮，让你灵活掌控代码流向，提升代码效率和可读性。

Break语句：循环和Switch语句的"紧急出口"

Break语句 的作用是提前终止循环或switch语句。就像是一个紧急出口，当需要在循环中提前退出或跳出switch语句的某个分支时，Break语句就派上用场了。

示例：

// 循环中使用Break语句
for (let i = 1; i <= 10; i++) {
  console.log(i);
  if (i === 5) {
    break;
  }
}
// 输出：1 2 3 4 5

当i等于5时，Break语句终止了循环，因此只输出了5次。

Continue语句：循环中的"快进"按钮

与Break语句相反，Continue语句 并不会终止循环，而是跳过本次循环迭代，直接进入下一次循环。它就像一个"快进"按钮，让你快速跳过不想执行的循环部分。

示例：

// 循环中使用Continue语句
for (let i = 1; i <= 10; i++) {
  if (i % 2 === 0) {
    continue;
  }
  console.log(i);
}
// 输出：1 3 5 7 9

当i为偶数时，Continue语句跳过了本次循环迭代，因此只输出了奇数。

Switch语句中的Break语句：跳出指定分支

Break语句同样适用于switch语句，它的作用是跳出指定的分支，进入default分支或语句块的末尾。

示例：

// Switch语句中使用Break语句
switch (day) {
  case "Monday":
    console.log("今天是星期一");
    break;
  case "Tuesday":
    console.log("今天是星期二");
    break;
  default:
    console.log("今天不是星期一或星期二");
}
// 输出：今天是星期一

当day等于"Monday"时，Break语句跳出了当前分支，因此只输出了"今天是星期一"。

实战应用场景

Break和Continue语句在实际开发中大有用武之地，它们能优化代码，提高效率。

常见的应用场景：

循环中提前退出： 当需要在循环中提前退出时，使用Break语句。比如在处理数据时遇到异常情况，可以用Break语句提前退出循环，避免后续代码执行。
跳过本次循环迭代： 当需要跳过本次循环迭代时，使用Continue语句。比如在处理数据时遇到无效数据，可以用Continue语句跳过本次循环迭代，直接进入下一次循环。
优化Switch语句： 当需要在Switch语句中跳出某个分支时，使用Break语句。比如在处理用户输入时，当用户输入无效选项时，可以用Break语句跳出当前分支，进入default分支。