JavaScript中跳出循环的五种方法：return、break、conti

248

在编程中，循环是处理重复任务的基本工具。但是，在某些情况下，我们需要尽早终止或跳过循环的某些部分。本文将详细介绍打破，投掷和添加别名的五种方法。每种方法都有自己的特定用法方案和行为，并且了解这些方法可以帮助开发人员更灵活地控制程序的执行过程。

1。语句

首先，该语句仅在内部使用。使用功能体内的语句会导致功能立即返回并跳出循环。

function myFunction() {
   for (var i = 1; i < 5; i++) {
      if (i === 3) {
         return; // 当i等于3时跳出循环并返回到调用处
      }
      console.log(i);
   }
    console.log('end') // 未执行
}
myFunction();
// 输出结果为：1 2

只有1和2输出，并且循环跳出第三个循环，并且还阻止了后续代码的执行。这是功能：执行语句时，即使功能正文中还有其他语句，功能执行也将停止！

2。中断语句

使用断路关键字立即结束当前循环

function myFunction() {
   for (var i = 1; i < 5; i++) {
      if (i === 3) {
         break; // 当i等于3时跳出循环并返回到调用处
      }
      console.log(i);
   }
    console.log('end') // 执行
}
myFunction();
// 输出结果为：1 2 end

通过输出结束，我们可以看到它与语句之间的区别。 Break语句仅跳出当前循环语句，并不能阻止函数中其他语句的执行。

3。在循环主体上添加别名

首先，我们为for循环设定了一个代表循环主体的常数，然后断开指定循环主体会跳出。 （提示：指定的循环主体可以使用英语或中文，仅适用于循环，每一层都必须用于循环）

foo: for (var i = 1; i <= 5; i++) {
    if (i === 3) {
      break foo;
    }
    console.log(i);
  }
// 输出结果为 1 2

此方法也可能会脱离多个循环，并找到第一个吃草莓的人

const arr = [
    { name: '张三', fruit: ['苹果', '香蕉']},
    { name: '李四', fruit: ['梨', '草莓']},
    { name: '王五',  fruit: ['樱桃', '西瓜']},
    { name: '小红', fruit: ['菠萝', '芒果']},
]
let person = undefined
// 为紧邻的for循环命名
冰淇淋: for (let i = 0; i < arr.length; i++) {
    for (let j = 0; j < arr[i].fruit.length; j++) {
        console.log(arr[i].name, arr[i].fruit[j])
        if (arr[i].fruit[j] === '草莓') {
            person = arr[i].name
            
            // 跳出命名的循环
            break 冰淇淋
        }
    }
}
console.log('这里仍然可以执行', person)
// 执行结果如下：
// 张三 苹果
// 张三 香蕉
// 李四 梨
// 李四 草莓
// 这里仍然可以执行 李四

查看印刷结果，它不仅会阻止命名循环的执行，还可以执行命名循环的后续代码。

4。声明

类似于休息声明。区别在于，它没有退出循环，而是跳出当前循环并继续在下一个循环中。

语句只能在循环主体中使用，语句，do/while语句，用于语句（包括/of，for/in语句中），并且在其他地方使用时会导致错误。

function fn() {
  for (var i = 1; i <= 5; i++) {
    if (i === 3) {
      continue;
    }
    console.log(i);
  }
  console.log('end'); // end
}
fn()
 // 输出结果为  1，2，4，5

5。投掷声明

自定义错误对象通过抛出语句抛弃，该对象触发了例外操作的尝试捕获机制，从而达到了类似于跳出循环的效果。

这等同于强行抛出错误和中断执行。它不仅终止循环，而且将不再执行后续代码。

try {
   for (var i = 0; i < 5; i++) {
      if (i === 3) {
         throw new Error('Jump out of loop'); // 当i等于3时抛出错误
      }
      console.log(i);
   }
} catch (error) {
   console.log(error.message); // 打印错误信息
}
// 输出结果为：0 1 2 Jump out of loop

附录：投掷和投掷有什么区别？

投掷和进度都可以用来从函数中返回值，但是它们之间存在一些关键差异：

这是一个简单的示例，说明了投掷和投掷之间的区别：

function divide(a, b) {
  if (b === 0) {
    throw new Error("Division by zero"); // 抛出异常，表示错误情况
  }
  return a / b; // 返回除法结果
}
try {
  console.log(divide(10, 2)); // 输出：5
  console.log(divide(10, 0)); // 因为除数为零，将抛出异常
} catch (error) {
  console.error(error.message); // 输出："Division by zero"
}

简而言之，投掷和进度都可以用来从功能中返回值，但是它们的目的和行为各不相同。投掷用于表示错误或异常，更改程序的控制流，并需要使用错误处理程序（例如捕获块）进行捕获和处理。它用于简单地返回功能的结果，不涉及错误处理。

总结

本文详细介绍了突破循环的五种方法，并解释了每种方法的特定应用程序方案和行为：

通过掌握这些方法，开发人员可以更有效地控制循环的执行并改善代码的可读性和维护。希望本文的内容对您的编程旅程有所帮助。

JS跳出循环