JS 终止循环|极客笔记

JS 终止循环

在编写 JavaScript 代码时，经常会用到循环来重复执行一段代码。然而有时候我们需要在特定条件下提前终止循环，这时就需要借助一些技巧来实现。

本文将详细讨论在 JavaScript 中如何终止循环的几种方法，并通过示例代码来演示它们的用法。

1. 使用 break 语句

在 JavaScript 中，可以使用 break 语句来提前终止循环。当 break 语句被执行时，循环会立刻停止并跳出循环体。

下面是一个使用 break 语句的示例代码：

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

以上代码中，我们使用 for 循环从 1 到 5 循环执行，当 i 等于 3 时，执行 break 语句提前终止循环。运行这段代码，将会输出以下结果：

1
2

2. 使用 return 语句

在函数中使用 return 语句同样可以终止循环。当在循环体内执行 return 语句时，函数将会立刻结束并返回指定的值。

以下是一个使用 return 语句的示例代码：

function findNumber(arr, target) {
  for (let num of arr) {
    if (num === target) {
      return true;
    }
  }
  return false;
}

const numbers = [1, 2, 3, 4, 5];
console.log(findNumber(numbers, 3)); // true
console.log(findNumber(numbers, 6)); // false

在上面的示例中，我们定义了一个函数 findNumber，它接收一个数组和一个目标值作为参数，在循环中查找目标值，如果找到则返回 true，否则返回 false。运行这段代码，将会输出以下结果：

true
false

3. 使用标签（label）和 break 语句

除了直接在循环中使用 break 语句外，还可以结合标签（label）来终止特定循环。标签是 JavaScript 的一个特性，可以用于标识代码块，以便在内层循环中终止外层循环。

以下是一个使用标签和 break 语句的示例代码：

outerLoop: for (let i = 1; i <= 3; i++) {
  innerLoop: for (let j = 1; j <= 3; j++) {
    if (i === 2 && j === 2) {
      break outerLoop;
    }
    console.log(i, j);
  }
}

在上面的示例中，我们定义了一个外层循环 outerLoop 和一个内层循环 innerLoop，当内层循环中 i 为 2 且 j 为 2 时，执行 break outerLoop 提前终止外层循环。运行这段代码，将会输出以下结果：