JavaScript break 语句
时间:2021-08-20
本文章向大家介绍JavaScript break 语句,主要包括break 语句流程控制图、语法、参数说明、注意事项、如何将Break语句与Switch语句一起使用、如何在While循环中使用Break语句等,需要的朋友可以参考一下。
break 语句能够结束当前 for、for/in、while、do/while 或者 switch语句的执行;同时 break 也可以接受一个可选的标签名(JS label关键字),来决定跳出的结构语句。本JavaScript教程通过基本语法和实例向大家介绍如何使用JavaScript break语句。
break 语句流程控制图
在JavaScript中,当您要退出switch语句,带标签的语句或提早退出诸如while循环或for loop之类的循环时,你可以使用break语句。
以下为break 语句的流程控制图。
语法
JavaScript中break语句的语法为:
break [label_name];
参数说明
- label_name 可选的。语句的标识符名称(或标签名称)。
注意事项
例子
让我们看一个示例,该示例显示如何在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
- 这些奇技浮巧,助你优化前端应用性能
- Stepping.js——两步完成前后端分离架构设计
- 我的职业是前端工程师【十】客户端存储艺术:数据存储与模型
- 【开源】2md:将复制的内容、网页转成 markdown
- React Native 持续部署实践— push 代码构建出新版的 Growth
- 技巧 - 如何好一个 Git 提交信息及几种不同的规范
- React、Vue、Ember 及其他前端开发者,请暂缓更新到 Chrome 59 浏览器
- 微软开源全新的文档生成工具DocFX
- 使用 MimeKit 和 MailKit 发送邮件
- 使用 React Native 重写大型 Ionic 应用后,我们想分享一下这八个经验
- 基于OWin的Web服务器Katana发布版本3
- 【工具推荐】图像界的魔术师 ImageMagick
- 使用Metrics.NET 构建 ASP.NET MVC 应用程序的性能指标
- 如何设计完善的构建系统,为日常开发提速一倍
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Hadoop2.7.6_06_mapreduce参数优化
- NFS服务搭建与配置
- Hadoop2.7.6_07_HA高可用
- Hadoop2.7.6_08_Federation联邦机制 1.1. HDFS-federation图解2.1. 注意事项3.1. 部署3.2. 环境变量3.3. c
- ThinkPHP5 SQL注入漏洞 && PDO真/伪预处理分析
- Hive-1.2.1_01_安装部署
- Supervisord远程命令执行漏洞(CVE-2017-11610)
- Hive-1.2.1_02_简单操作与访问方式
- PHP-CGI远程代码执行漏洞(CVE-2012-1823)分析
- Hive-1.2.1_03_DDL操作 1.1. Create Database1.2. Drop Database1.3. Use Database2.1. Cre
- Hive-1.2.1_04_DML操作 5.1. Join8.1. 使用案例8.2. Transform实现
- Hive-1.2.1_05_案例操作
- Mysql字符编码利用技巧
- Hive-1.2.1_06_累计报表查询
- Flume-1.8.0_部署与常用案例