JS for循环跳出循环|极客笔记

JS for循环跳出循环

在JavaScript中，我们经常会使用for循环来遍历数组或执行一定次数的操作。但有时候我们需要在特定条件下提前跳出循环，这时候就需要使用break语句来实现。

使用break语句跳出循环

在for循环中，我们可以使用break语句来跳出循环。当条件满足时，执行break语句后，循环会立刻终止，程序会跳出循环继续执行后面的代码。

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

在上面的示例中，当i等于3时，会执行break语句跳出循环，因此输出为：

0
1
2

使用标签跳出多重循环

有时候我们会遇到多重循环嵌套的情况，如果想要在内层循环中跳出外层循环，可以使用标签配合break语句来实现。

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

在上面的示例中，当j等于2时，执行break outerLoop;语句会跳出外层循环，因此输出为：

i: 0, j: 0
i: 0, j: 1

使用return语句跳出循环

除了使用break语句跳出循环外，还可以使用return语句来实现跳出循环的效果。在函数中运行return语句会立即结束函数的执行，并返回指定的值。因此我们可以利用这一点来跳出循环。

function findIndex(arr, target) {
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] === target) {
      return i;
    }
  }
  return -1;
}

let index = findIndex([1, 2, 3, 4, 5], 3);
console.log(index); // 2

在上面的示例中，findIndex函数会在找到目标元素时立即返回该元素的索引，跳出循环。如果循环结束后仍未找到目标元素，则返回-1。