TypeScript 如何在嵌套的forEach循环中使用break/continue

在本文中，我们将介绍如何在TypeScript中使用break和continue关键字来打破或跳过嵌套的forEach循环。

在编写代码时，经常会遇到需要在多个层级的嵌套循环中打破或跳过循环的情况。在JavaScript中，我们可以使用break和continue关键字来实现这个目的。而在TypeScript中，我们可以以类似的方式使用这些关键字。

阅读更多：TypeScript 教程

使用break跳出循环

当我们希望在嵌套的forEach循环中跳出所有循环时，可以使用标签和break关键字来实现。下面是一个例子：

outer: for (let i = 0; i < 5; i++) {
  for (let j = 0; j < 5; j++) {
    console.log(`i: {i}, j:{j}`);
    if (j === 2) {
      break outer;
    }
  }
}

上述代码中，我们使用outer标签给外层循环命名，并通过在内层循环中使用break outer;来跳出外层循环。

运行该代码的结果为：

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

可以看到，循环在j等于2时被打破，并且外层循环也被跳过。

使用continue跳过当前循环

当我们希望在嵌套的forEach循环中跳过当前循环，继续下一次循环时，可以使用continue关键字。下面是一个示例：

outer: for (let i = 0; i < 5; i++) {
  for (let j = 0; j < 5; j++) {
    if (j === 2) {
      continue outer;
    }
    console.log(`i: {i}, j:{j}`);
  }
}

上述代码中，我们使用outer标签给外层循环命名，并通过在内层循环中使用continue outer;来跳过外层循环的当前迭代，并继续下一次迭代。

运行该代码的结果为：

i: 0, j: 0
i: 0, j: 1
i: 1, j: 0
i: 1, j: 1
i: 2, j: 0
i: 2, j: 1
i: 3, j: 0
i: 3, j: 1
i: 4, j: 0
i: 4, j: 1

可以看到，当j等于2时，内层循环被跳过，直接进入外层循环的下一次迭代。

使用return退出函数

除了使用break和continue关键字，我们还可以通过使用return关键字来退出包含嵌套forEach循环的函数。下面是一个示例：

function processArray(arr: number[][]) {
  outer: for (let i = 0; i < arr.length; i++) {
    for (let j = 0; j < arr[i].length; j++) {
      if (arr[i][j] === 0) {
        return "Zero found!";
      }
      console.log(`arr[{i}][{j}] = ${arr[i][j]}`);
    }
  }
  return "No zero found!";
}

const array = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
console.log(processArray(array));

上述代码中，我们定义了一个processArray函数，该函数接收一个二维数组作为参数。在函数内部的嵌套的forEach循环中，如果遇到元素为0的情况，我们直接使用return关键字来退出整个函数。

运行该代码的结果为：

arr[0][0] = 1
arr[0][1] = 2
arr[0][2] = 3
arr[1][0] = 4
arr[1][1] = 5
arr[1][2] = 6
arr[2][0] = 7
arr[2][1] = 8
arr[2][2] = 9
No zero found!

可以看到，在循环过程中并没有遇到元素为0的情况，所以最终返回的结果是”No zero found!”。

总结

本文介绍了在TypeScript中如何在嵌套的forEach循环中使用break和continue关键字来打破或跳过循环。我们可以使用标签和break关键字来跳出外层循环，并使用continue关键字来跳过外层循环的当前迭代。此外，我们还可以通过使用return关键字来退出包含嵌套循环的函数。通过合理的使用这些关键字，我们可以更好地控制和管理循环流程，提高代码的可读性和效率。