浅谈JS for循环中使用break和continue的区别
1.For循环
格式:
for( 初始语句 ; 执行条件 ; 增量 ){ 循环体 }
执行顺序:1、初始语句 2、执行条件是否符合 3、循环体 4、增加增量
初始化语句只在循环开始前执行一次,每次执行循环体时要先判断是否符合条件,如果循环条件为true,则执行循环体,再执行迭代语句。
所以对于for循环,循环条件总比循环体多执行一次。
注意:for循环的循环体和迭代语句不在一起(while和do-while是在一起的)所以如果使用continue来结束本次循环,迭代语句还有继续运行,而while和do-while的迭代部分是不运行的。
2.break和continue的区别和作用
break和continue都是用来控制循环结构的,主要是停止循环。
- break
有时候我们想在某种条件出现的时候终止循环而不是等到循环条件为false才终止。
这时我们可以使用break来完成。break用于完全结束一个循环,跳出循环体执行循环后面的语句。
var str = "hello"; for (var item of str){ if(item ==="l"){ break } console.log(item); // h e }
- continue
continue和break有点类似,区别在于continue只是终止本次循环,接着还执行后面的循环,break则完全终止循环。可以理解为continue是跳过当次循环中剩下的语句,执行下一次循环。
var str = "hello"; for (var item of str){ if(item ==="l"){ continue } console.log(item); // h e o }
到此这篇关于浅谈for循环中使用break和continue的区别的文章就介绍到这了,更多相关for循环 break continue内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!
相关推荐
-
Java中break、continue、return在for循环中的使用
引言:在使用循环的时候,循环里面带有break.continue.return的时候经常弄混,今天特意整理了下,以待后用... for (int i = 1; i < 5; i++) { System.out.println("i==for=>"+i); while(i%2==0){ System.out.println("i==while==>"+i); break;//终止while循环,继续for后面的代码;(终止当前(while)循环,继续
-
详解Kotlin:forEach也能break和continue
详解Kotlin:forEach也能break和continue 这样的问题.也就是说,他们想用forEach而不是for循环,因为这很fp,很洋气(我也喜欢), 但是他们又想使用break和continue,也就是普通的流程控制语句中的控制语句. 这很不fp,因为原本有filter是用于完成这个工作的,还有flapMap.BennyHuo在他发的文章里面也说的是这种方法. filter很fp,但是会导致两次遍历,这样的话给人一股效率很低的赶脚.而Java8的Stream API就只会遍历一次,
-
详谈for循环里面的break和continue语句
break语句 哇,我已经找到我要的答案了,我不需要进行更多的循环了! 比如,寻找第一个能被5整除的数: for循环中,如果遇见了break语句,这个for循环就会立即终止,不在进行其他的迭代了. for(var i = 1 ; i <= 100; i++){ console.log(i); if(i == 5){ break; //找到了一个,就立即终止循环 } } break语句只能跳出当前所在的最内层循环: //break只中断了最内层循环,外层循环还在继续 for(var i = 1 ;
-
浅谈JS for循环中使用break和continue的区别
1.For循环 格式: for( 初始语句 ; 执行条件 ; 增量 ){ 循环体 } 执行顺序:1.初始语句 2.执行条件是否符合 3.循环体 4.增加增量 初始化语句只在循环开始前执行一次,每次执行循环体时要先判断是否符合条件,如果循环条件为true,则执行循环体,再执行迭代语句. 所以对于for循环,循环条件总比循环体多执行一次. 注意:for循环的循环体和迭代语句不在一起(while和do-while是在一起的)所以如果使用continue来结束本次循环,迭代语句还有继续运行,而while
-
浅谈js for循环输出i为同一值的问题
1.最近开发中遇到一个问题,为什么每次输出都是5,而不是点击每个p,就alert出对应的1,2,3,4,5. 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>闭包演示</title> </head> <body> <p>1<
-
浅谈JS之iframe中的窗口
1.window.self 对当前窗口自身的引用;self,window.self,window三者是等价的 2.window.top 对顶层窗口的引用,如果本身就是顶层窗口,则返回本身 3.window.parent 对父窗口的引用,如果没有父窗口,则返回本身 以上这篇浅谈JS之iframe中的窗口就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
-
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
jQuery $(document).ready()执行顺序: 当页面DOM 元素全部加载完毕后就执行.ready().$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕. 如果在.ready()执行之前有javascript代码存在,那么javascript将怎么执行呢? 答案是先执行.ready()之前的javascript代码,然后执行.ready(). 多个$(document).ready()的执行顺序并非单纯的顺序执行,其与嵌套层级也有一定的关系.
-
浅谈JS和Nodejs中的事件驱动
事件驱动和发布-订阅 事件驱动架构是建立在软件开发中一种通用模式上的,这种模式被称为发布-订阅或观察者模式. 在事件驱动架构中,至少有两个参与者:主题(subject)和观察者(observer). 主题就像调频收音机一样,向有兴趣收听该主题所说内容的观察者进行广播. 观察者可能只有一个,也可能有一百个,这都没有关系,只要主题有一些要广播的消息就够了. 请记住,事件驱动.发布-订阅和观察者模式在实践中不是一回事,但在理想情况下,它们使用相同的方法:一个实体广播一条消息,其他实体侦听该消息. 发布
-
浅谈JS数组内置遍历方法有哪些和区别
目录 forEach()(ES6)方法 map()(ES6) 方法 flatMap()方法 for...in... for...of... filter(ES6)遍历数组 every()函数(ES6) find()函数(ES6) findIndex()函数 (ES6) forEach()(ES6)方法 forEach()(ES6)方法对数组的每个元素执行一次给定的函数. 1. 数组里的元素个数有几个,该方法里的回调就会执行几次 2. 第一个参数是数组里的元素,第二个参数为数组里元素的索引
-
浅谈js使用in和hasOwnProperty获取对象属性的区别
in判断的是对象的所有属性,包括对象实例及其原型的属性: 而hasOwnProperty则是判断对象实例的是否具有某个属性. 示例代码: <script type="text/javascript"> function Person(){ } Person.prototype.name = "allen"; var person = new Person(); console.log(person.hasOwnProperty("name&qu
-
浅谈golang for 循环中使用协程的问题
两个例子 package main import ( "fmt" "time" ) func Process1(tasks []string) { for _, task := range tasks { // 启动协程并发处理任务 go func() { fmt.Printf("Worker start process task: %s\n", task) }() } } func main() { tasks := []string{&quo
-
浅谈js script标签中的预解析
首先介绍预解析,虽然预解析字面意思很好理解,但是却是出坑出的最多的地方,也是bug经常会有的地方,利用好预解析的特性可以解决很多问题,并且提高代码的质量及数量,浏览器在解析代码前会把变量的声明和函数(整个函数体)提前到当前作用域的最顶端. 细节问题:在多对的script标签中如果有相同的函数,那它们相互之间是不会受影响的,在第二对script标签中声明变量或者是创建函数,在第一对script标签中是无法访问到的,这就说明了,javaScript的预解析只会在各自的script标签中发生,同时,第
-
浅谈js中的in-for循环
浅谈js中的in-for循环 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery.js"></script> </hea
随机推荐
- 正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
- JSP页面中文参数的传递(get和post方法分析)
- PostgreSQL教程(一):数据表详解
- 安装vue-cli报错 -4058 的解决方法
- 几个bat例子文件
- iOS下PDF文件的浏览和涂鸦效果的简单实现
- .net socket客户端实例代码分享
- 分享下页面关键字抓取components.arrow.com站点代码
- PHP版QQ互联OAuth示例代码分享
- javascript中数组的定义及使用实例
- xampp修改mysql默认密码的方法
- java中的static{}块的实例详解
- 带白边的黑字 css
- JS与HTML结合实现流程进度展示条思路详解
- Linux系统中如何实现远程控制
- jquery中交替点击事件的实现代码
- 常常会用到的截取字符串substr()、substring()、slice()方法详解
- js实现一个可以兼容PC端和移动端的div拖动效果实例
- 关于java.util.Random的实现原理详解
- 360通用php防护代码(使用操作详解)