JS 结束循环|极客笔记

JS 结束循环

在编程中，循环是一种重要的控制结构，它允许我们多次执行特定的代码块。在JavaScript中，有多种循环方式，如for循环、while循环、do-while循环等。在进行循环操作时，有时候我们需要在特定条件下结束循环，本文将详细介绍在JS中如何结束循环。

break语句

在JavaScript中，可以使用break语句来立即退出循环，不再执行循环中的代码块。break语句通常与循环条件结合使用，用来在满足某个条件时提前结束循环。

示例代码

for(let i = 0; i < 5; i++) {
  if(i === 3) {
    break;
  }
  console.log(i);
}

运行结果

0
1
2

在上面的示例中，当i的值等于3时，遇到break语句立即结束循环，所以在控制台输出为0、1、2。

continue语句

除了break语句外，JavaScript中还有continue语句，它可用来跳过循环中的某次迭代，直接进入下一次迭代。当某个特定条件满足时，可以使用continue语句来终止当前迭代。

示例代码

for(let i = 0; i < 5; i++) {
  if(i === 2) {
    continue;
  }
  console.log(i);
}

运行结果

在上面的示例中，当i的值等于2时，遇到continue语句跳过当前迭代，不再执行后续代码，所以在控制台输出为0、1、3、4。

在多层循环中使用break和continue

在多层嵌套的循环结构中使用break和continue语句时，需要注意它们只能作用于当前所处的循环结构。

示例代码

for(let i = 0; i < 3; i++) {
  console.log('外层循环：', i);
  for(let j = 0; j < 3; j++) {
    if(j === 1) {
      continue;
    }
    console.log('内层循环：', j);
  }
}

运行结果

外层循环： 0
内层循环： 0
内层循环： 2
外层循环： 1
内层循环： 0
内层循环： 2
外层循环： 2
内层循环： 0
内层循环： 2

在上面的示例中，当内层循环中j等于1时，遇到continue语句会跳过当前迭代，直接进入下一次循环。外层循环不受影响，正常执行完整个循环过程。

使用标签终止循环

在嵌套循环中，如果要终止外层循环或跳出多层循环，可以使用标签（label）结合break语句来实现。

示例代码

outerLoop: for(let i = 0; i < 3; i++) {
  console.log('外层循环：', i);
  innerLoop: for(let j = 0; j < 3; j++) {
    if(j === 1) {
      break outerLoop; // 直接结束外层循环
    }
    console.log('内层循环：', j);
  }
}