ECMAScript 标签语句 js实现

心已赠人 2022-05-25 10:20 152阅读 0赞

语法：

label : statement

label 是名字，作为标记  ，statement是语句

我们通过 js 来看看用法： break+标签语句

< script>

//定義一個label，也就是名字或者標誌

jumpout:

//定義語句

for( *let* i = 0;i < 5;i \++)\{

if(i > 3)\{

//循環，當i大於3時控制台輸出i的值

*console*. log(i);

//結束循環

break jumpout;

\}

\}

</ script>

你可能会发现，直接break就好了，作用一样；

这里，for 循环语句被标签化，也就是 jumpout 代表了for循环语句；

下面再看看：

< script>

//定義一個label，也就是名字或者標誌

jumpout:

//定義語句

for ( *let* i = 0; i < 5; i \++) \{

for ( *let* j = 0; j < 5; j \++) \{

if (i > j) \{

*console*. log(i);

break jumpout;

\}

\}

\}

</ script>

上面这个可能就有点意思了，结束的是外层的for循环语句，也就是说，结束的是被标签化的语句，也就是外层for循环；

注意，被标签化的是外层的for循环语句，也就是 jumpout 代表的外层的循环for 语句；

再来看看：我们在上面的基础上更改一下

< script>

//定義一個label，也就是名字或者標誌

jumpout:

//定義語句

for ( *let* i = 0; i < 5; i \++) \{

jumpout2:

for ( *let* j = 0; j < 5; j \++) \{

if (i > j) \{

*console*. log(i);

break jumpout2;

\}

\}

\}

</ script>

可以看出，结束的是内层的for循环语句，也就是我们指定的break 对象，但是外层的语句并没有停止；

所以，通过标签化语句，我们可以结束指定的循环语句；

标签化+continue

除了break，continue也可以结合使用：

< script>

//定義一個label，也就是名字或者標誌

jumpout:

//定義語句

for ( *let* i = 0; i < 5; i \++) \{

jumpout2:

for ( *let* j = 0; j < 5; j \++) \{

if (i > j) \{

*console*. log(i);

continue jumpout;

\}

\}

\}

</ script>

我们在上面使用break的基础上修改一下，将break 修改为 continue, 把jumpout2 改为jumpout,

这样返回的结果是一样的，

即continue jumpout 可以跳到指定的标签化语句并执行语句，

上面我们在满足条件的情况下，从内层的循环跳到了外层执行；

发表评论取消回复

表情：

评论列表（有 0 条评论，152人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS ECMAScript

JS组成 ECMAScript JavaScript语法 DOM 页面文档对象模型 BOM 浏览器对象模型 1.行内式的js，直接写到元素内部 `<input

拼搏现实的明天。/ 2023年10月05日 18:29/ 0 赞/ 6 阅读

相关 js实现动态添加标签页

js实现动态添加标签页，能够进行标签的添加，删除，修改，内容切换源码： addTab.html <!DOCTYPE html> <html lan

男娘i/ 2023年07月08日 12:29/ 0 赞/ 38 阅读

相关【JS】ECMAScript 2021 新特征

[ECMAScript 2021 新特征][ECMAScript 2021] [ECMAScript 2021]: https://jelly.jd.com/article

待我称王封你为后i/ 2023年01月12日 10:07/ 0 赞/ 189 阅读

相关 JS 基础 —— ECMAScript 对象笔记

一、面对对象语言的四种基本能力封装：把相关的信息（无论数据或方法）存储在对象中的能力聚集：把一个对象存储在另一个对象内的能力继承：由另一个类（或多个类）得来类的属性

忘是亡心i/ 2022年06月07日 02:14/ 0 赞/ 205 阅读

相关 JS 基础 —— ECMAScript 运算符与语句

运算符：一、一元运算符 1、delete ：删除在对象上加上（不能删除固有的属性或方法）的属性或方法。详细用法见关键字日志。 2、void ：该运算符对任何运算或

叁歲伎倆/ 2022年06月07日 02:11/ 0 赞/ 183 阅读

相关 JS 基础 —— ECMAScript 引用类型

一、Object 对象属性 ECMAScript 中的 Object 对象与 Java 中的 java.lang.Object 相似，ECMAScript 中的所有对象都由这

缺乏、安全感/ 2022年06月07日 01:59/ 0 赞/ 232 阅读

相关 ECMAScript 标签语句 js实现

语法： label : statement label 是名字，作为标记，statement是语句我们通过 js 来看看用法： break+标签语句

心已赠人/ 2022年05月25日 10:20/ 0 赞/ 153 阅读

相关使用JS语句动态替换HTML标签内容

在HTML页面中难免需要动态替换一些标签里面的内容。如： html: //需要替换的标签 <p>ABC</p> <sc

逃离我推掉我的手/ 2021年09月24日 01:02/ 0 赞/ 1004 阅读

相关 MyBatis框架中动态语句实现 if 标签与 forearch标签

引言在我们进行多条件查询时，往往需要进行sql语句的拼接，在mybatis框架中，提供了两个标签用以拼接动态sql语句，分别是 if 判断和 forach 循环标签。...

红太狼/ 2021年03月12日 14:36/ 0 赞/ 678 阅读

相关 JavaScript 标签语句

JavaScript 标签语句很多时候，难于理解一个概念，一个很关键因素是惑于它的名称。尤其是在初学阶段，思路不开阔，且周边知识不够丰富的情况下更是如此。标签语句...

小灰灰/ 2020年06月01日 16:31/ 0 赞/ 655 阅读