JavaScript break 语句

时间:2021-08-20
本文章向大家介绍JavaScript break 语句,主要包括break 语句流程控制图、语法、参数说明、注意事项、如何将Break语句与Switch语句一起使用、如何在While循环中使用Break语句等,需要的朋友可以参考一下。

break 语句能够结束当前 forfor/inwhiledo/while 或者 switch语句的执行;同时 break 也可以接受一个可选的标签名(JS label关键字),来决定跳出的结构语句。本JavaScript教程通过基本语法和实例向大家介绍如何使用JavaScript break语句。

break 语句流程控制图

在JavaScript中,当您要退出switch语句,带标签的语句或提早退出诸如while循环for loop之类的循环时,你可以使用break语句。

以下为break 语句的流程控制图。

 

语法

JavaScript中break语句的语法为:

break [label_name];

参数说明

  1. label_name 可选的。语句的标识符名称(或标签名称)。

注意事项

  • 您可以使用break语句尽早终止循环,例如while循环for循环
  • 如果存在嵌套循环,则break语句将终止最内部的循环。
  • 您也可以使用break语句终止switch语句或带标签的语句。

例子

让我们看一个示例,该示例显示如何在JavaScript中使用break语句。

如何将Break语句与Switch语句一起使用

您可以将break语句与switch语句一起使用。这是break语句的最常见用法。

例如:

// Set the TechOnTheNet technology to JavaScript
var totn_technology = 'JavaScript';

switch (totn_technology) {
   case 'SQL':
     console.log('TechOnTheNet SQL');
     break;

   case 'JavaScript':
     console.log('TechOnTheNet JavaScript');
     break;

   default:
     console.log('Other TechOnTheNet technologies');
}

在此switch语句示例中,break语句用于终止switch语句,以便一旦找到匹配项,就不再判断其他值。

本示例将以下内容输出到Web浏览器控制台

TechOnTheNet JavaScript

如何在While循环中使用Break语句

您还可以在JavaScript中使用break语句提前终止while循环。让我们看一个如何使用break语句尽早终止while循环的示例。

例如:

var counter = 1;

while (counter <= 5) {

   if (counter == 3) {
      break;
   }

   console.log(counter + ' - Inside while loop on TechOnTheNet.com');
   counter++;
}

console.log(counter + ' - Done while loop on TechOnTheNet.com');

在此while循环示例中,使用break语句在counter等于3时提前退出while循环。一旦计数器为3,即使while循环的条件为true,while循环也将终止。(counter <= 5)

本示例将以下内容输出到Web浏览器控制台

1 - Inside while loop on TechOnTheNet.com
2 - Inside while loop on TechOnTheNet.com
3 - Done while loop on TechOnTheNet.com