JavaScript中的break语句详解|极客笔记

JavaScript中的break语句详解

在JavaScript中，break语句是一个控制流语句，用于跳出switch语句，循环语句(for、while、do...while)或者标签语句。在本文中，我们将详细解释break语句的用法和示例代码。

`break`语句的作用

break语句的作用是终止当前循环或switch语句的执行，并跳出循环或者switch语句块。当代码执行到break语句时，程序将会跳出最内层的循环或者switch块。

在`switch`语句中使用`break`

在switch语句中，每个case语句中通常会包含一个break语句，用来跳出switch语句块。如果在case语句中没有使用break语句，程序会继续执行下一个case语句，直到遇到break为止。

示例代码如下：

let fruit = 'apple';

switch (fruit) {
  case 'apple':
    console.log('It is an apple');
    break;
  case 'banana':
    console.log('It is a banana');
    break;
  case 'orange':
    console.log('It is an orange');
    break;
  default:
    console.log('Unknown fruit');
}

在上面的示例中，当fruit的取值为'apple'时，会输出It is an apple，并且执行完该case后跳出switch语句。如果不加break语句，则会继续执行下一个case语句。

在循环语句中使用`break`

在for、while、do...while等循环语句中，break语句用来提前终止循环的执行。当代码执行到break语句时，程序将跳出循环块。

在`for`循环中使用`break`

在for循环中使用break语句，可以让程序在满足某个条件时提前退出循环。

示例代码如下：

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

// 输出结果：0 1 2

在上面的示例中，当i的值等于3时，执行break语句跳出循环，所以只输出了0、1、2三个数字。

在`while`循环中使用`break`

while循环是在满足条件时一直执行的循环，可以使用break语句提前结束while循环。

示例代码如下：

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

// 输出结果：0 1 2

在上面的示例中，while循环在i等于3之前一直执行，当i等于3时，执行break语句跳出循环。

在`do...while`循环中使用`break`

do...while循环是先执行一次循环体，然后检查条件，如果条件为真则继续执行循环。同样地，也可以使用break语句提前结束do...while循环。

示例代码如下：

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

// 输出结果：0 1 2

在上面的示例中，do...while循环在i等于3之前一直执行，当i等于3时，执行break语句跳出循环。

使用标签语句（Labeled statement）配合`break`

JavaScript中的标签语句可以用来标识代码块，通常与break和continue语句一起使用。通过标签语句，可以在多层循环中方便地控制循环的流程。

示例代码如下：

outerloop: for (let i = 0; i < 3; i++) {
  innerloop: for (let j = 0; j < 3; j++) {
    if (i === 1 && j === 1) {
      break outerloop;
    }
    console.log(i, j);
  }
}

// 输出结果：0 0 0 1

在上面的示例中，我们在外层循环加上了outerloop标签，在内层循环中使用break outerloop语句跳出外层循环。