js for循环及跳出循环|极客笔记

js for循环及跳出循环

1. 什么是for循环

在JavaScript中，for循环是一种常用的循环结构，它可以重复执行特定的代码块，直到循环条件不再满足为止。for循环通常用于遍历数组或对象、执行一系列操作等。

for循环语法如下：

for (初始化语句; 循环条件; 循环迭代) {
  // 循环体
}

初始化语句：定义在循环开始之前执行的表达式，通常用于初始化计数器。
循环条件：定义循环的结束条件，如果条件为真，则循环继续执行；如果条件为假，则循环结束。
循环迭代：定义在每次循环之后执行的表达式，通常用于更新计数器。

下面是一个简单的示例，使用for循环打印数字1到5：

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

输出：

2. 跳出循环的方法

在某些情况下，我们可能需要在循环执行过程中提前跳出循环，以节省时间和资源。JavaScript中有多种方法可以实现跳出循环的目的，下面将详细介绍几种常用的方法。

2.1 使用break语句

break语句可以直接终止当前循环的执行，并跳出循环体。当代码执行到break语句时，循环会立即终止，程序将跳转到循环后的下一行代码继续执行。

下面的示例展示了如何使用break语句跳出for循环：

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

输出：

在上述代码中，当i的值等于6时，break语句被执行，循环终止，因此数字6及其后面的数字不再被打印。

2.2 使用continue语句

continue语句用于跳过当前循环中剩余的代码，并进入下一次迭代。当代码执行到continue语句时，循环将会中断当前迭代，直接进入下一次循环迭代。

下面的示例展示了如何使用continue语句跳过某些特定的循环迭代：

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

输出：

在上述代码中，当i的值等于3时，continue语句被执行，当前循环迭代被直接跳过，因此数字3不会被打印。

2.3 使用标签和break语句

在某些情况下，我们可能需要终止多重嵌套的循环，此时可以使用标签和break语句的组合来实现。

标签是一种可以给语句进行命名的方式，我们可以在循环语句前添加一个标签，然后在break语句中指定要跳出的标签。

下面的示例展示了如何使用标签和break语句跳出多重循环：

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

输出：

在上述代码中，outerLoop是外层循环的标签，innerLoop是内层循环的标签。当i的值等于2且j的值等于2时，break outerLoop语句被执行，整个循环终止，因此数字2及其后面的数字不再被打印。

3. 总结

本文介绍了JavaScript中for循环及跳出循环的方法。

使用break语句可以直接终止当前循环的执行，并跳出循环体。
使用continue语句可以跳过当前循环中剩余的代码，并进入下一次循环迭代。
使用标签和break语句的组合可以实现跳出多重嵌套的循环。

在实际开发中，根据具体的需求选择适合的跳出循环的方法，可以提高代码的效率和可读性。

js for循环及跳出循环