JS循环学习：跳出循环语句break和continue

1. break语句

在JavaScript中，break语句被用于跳出循环语句。如果你要终止整个循环，就需要使用break语句。以下是一个简单的示例，使用break语句跳出循环：

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

在这个例子中，循环会执行10次，但当i的值为5时，使用break语句结束循环。因此，只会输出0到4的结果。

在使用break语句时，要确保它在循环内部使用，否则它会抛出一个错误。

以下是另一个示例，使用嵌套循环和break：

for (var i = 0; i < 5; i++) {
  for (var j = 0; j < 5; j++) {
    if (i === 2 && j === 2) {
      break;
    }
    console.log(i, j);
  }
}

在这个例子中，外部循环会执行5次，内部循环会执行25次，但当i的值和j的值都为2时，使用break语句结束内部循环。因此，只会输出0 0、0 1、0 2、1 0、1 1、1 2、2 0和2 1的结果。

2. continue语句

在JavaScript中，continue语句被用于跳过本次循环中的某些代码。如果你不想执行某些迭代，就需要使用continue语句。以下是一个简单的示例，使用continue语句跳过迭代：

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

在这个例子中，循环会执行10次，但当i的值为5时，使用continue语句跳过此次迭代。因此，只会输出0到4和6到9的结果。

在使用continue语句时，也要确保它在循环内部使用，否则它会抛出一个错误。

以下是另一个示例，使用嵌套循环和continue：

for (var i = 0; i < 5; i++) {
  for (var j = 0; j < 5; j++) {
    if (i === 2 && j === 2) {
      continue;
    }
    console.log(i, j);
  }
}

在这个例子中，外部循环会执行5次，内部循环会执行25次，但当i的值和j的值都为2时，使用continue语句跳过此次迭代。因此，只会输出0 0、0 1、0 2、1 0、1 1、1 2、2 0、2 1、2 3、2 4、3 0、3 1、3 2、3 3、3 4、4 0、4 1、4 2、4 3和4 4的结果。

3. 总结

在JavaScript中，break和continue语句是循环控制语句，可以帮助你更好地控制循环的执行流程。break语句用于跳出整个循环，而continue语句用于跳过本次迭代中的某些代码。

在使用break和continue语句时，要注意它们在循环内部使用，并且要确保它们被正确地放置。如果放错了地方，会导致代码运行出错。

以下是一些在JavaScript中使用break和continue语句的最佳实践：

使用break语句来避免无限循环。

使用continue语句来跳过不需要处理的迭代。

使用标签来跳出嵌套循环。

不要在循环内部使用过多的break和continue语句。这会使你的代码难以维护。