JavaScript break和continue结束循环的使用方法

软件开发过程当中循环遍历是非常常见的，在js中，我们有for循环，switch，while循环，本文将介绍break、continue如何跳出这些循环的用法。

Break 语句

break 语句用于跳出循环。

break 语句跳出循环后，会继续执行该循环之后的代码（如果有的话）：

for (i=0;i<10;i++)
{
  if (i==3)
  {
    break;
  }
  x=x + "The number is " + i + "<br>";
}

上面代码会输出：

The number iss 0
The number iss 1
The number iss 2

亲自体验一下

for循环也可以使用break语句跳出循环。

for (var i = 0; i < 5; i++) {
  console.log(i);
  if (i === 3)
    break;
}
// 0
// 1
// 2
// 3

上面代码执行到i等于3，就会跳出循环。

Continue 语句

continue 用于跳过循环中的一个迭代。

continue 语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代。

该例子跳过了值 3：

for (i=0;i<=10;i++)
{
  if (i==3) continue;
  x=x + "The number is " + i + "<br>";
}

亲自体验一下

while 的 continue 语句用于立即终止本轮循环，返回循环结构的头部，开始下一轮循环。

var i = 0;

while (i < 100){
  i++;
  if (i % 2 === 0) continue;
  console.log('i 当前为：' + i);
}

上面代码只有在i为奇数时，才会输出i的值。如果i为偶数，则直接进入下一轮循环。

如果存在多重循环，不带参数的break语句和continue语句都只针对最内层循环。

switch 循环语句中的 break

switch 循环中 label 通常与break语句和continue语句配合使用，跳出特定的循环。

label标签相当于定位符，用于跳转到程序的任意位置，标签的格式如下。

label:
语句

label标签结合break语句和continue语句的用法

break labelname;

continue labelname;

continue 语句（带有或不带标签引用）只能用在循环中。

break 语句，如果不带标签引用，只能用在循环或 switch 中；通过标签引用，break 语句可用于跳出任何 JavaScript 代码块。如：

cars=["BMW","Volvo","Saab","Ford"];
list:
{
  document.write(cars[0] + "<br>");
  document.write(cars[1] + "<br>");
  document.write(cars[2] + "<br>");
  break list;
  document.write(cars[3] + "<br>");
  document.write(cars[4] + "<br>");
  document.write(cars[5] + "<br>");
}

上面代码的运行结果

BMW
Volvo
Saab

break跳出标签循环

top:
  for (var i = 0; i < 3; i++){
    for (var j = 0; j < 3; j++){
      if (i === 1 && j === 1) break top;
      console.log('i=' + i + ', j=' + j);
    }
  }
// i=0, j=0
// i=0, j=1
// i=0, j=2
// i=1, j=0

上面代码为一个双重循环区块，break命令后面加上了top标签（注意，top不用加引号），满足条件时，直接跳出双层循环。如果break语句后面不使用标签，则只能跳出内层循环，进入下一次的外层循环。

标签也可以用于跳出代码块。

foo: {
  console.log(1);
  break foo;
  console.log('本行不会输出');
}
console.log(2);
// 1
// 2

上面代码执行到break foo，就会跳出区块。

continue语句也可以与标签配合使用。

top:
  for (var i = 0; i < 3; i++){
    for (var j = 0; j < 3; j++){
      if (i === 1 && j === 1) continue top;
      console.log('i=' + i + ', j=' + j);
    }
  }
// i=0, j=0
// i=0, j=1
// i=0, j=2
// i=1, j=0
// i=2, j=0
// i=2, j=1
// i=2, j=2

上面代码中，continue命令后面有一个标签名，满足条件时，会跳过当前循环，直接进入下一轮外层循环。如果continue语句后面不使用标签，则只能进入下一轮的内层循环。