浅谈JS for循环中使用break和continue的区别


Posted in Javascript onJuly 21, 2020

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内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
jQuery 使用手册(一)
Sep 23 Javascript
jquery关于图形报表的运用实现代码
Jan 06 Javascript
Jquery之Ajax运用 学习运用篇
Sep 26 Javascript
利用div+jquery自定义滚动条样式的2种方法
Jul 18 Javascript
jquery实现的3D旋转木马特效代码分享
Aug 25 Javascript
写给小白的JavaScript引擎指南
Dec 04 Javascript
JavaScript中Hoisting详解 (变量提升与函数声明提升)
Aug 18 Javascript
vue组件父与子通信详解(一)
Nov 07 Javascript
JS实现根据指定值删除数组中的元素操作示例
Aug 02 Javascript
如何优雅的在一台vps(云主机)上面部署vue+mongodb+express项目
Jan 20 Javascript
浅谈vue中组件绑定事件时是否加.native
Nov 09 Javascript
详解微信小程序之提高应用速度小技巧
Jan 07 Javascript
解决vue 给window添加和移除resize事件遇到的坑
Jul 21 #Javascript
js实现带积分弹球小游戏
Jul 21 #Javascript
在vue中created、mounted等方法使用小结
Jul 21 #Javascript
解决vue的touchStart事件及click事件冲突问题
Jul 21 #Javascript
解决Vue 移动端点击出现300毫秒延迟的问题
Jul 21 #Javascript
解决Vue中的生命周期beforeDestory不触发的问题
Jul 21 #Javascript
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
Jul 21 #Javascript
You might like
codeigniter框架The URI you submitted has disallowed characters错误解决方法
2014/05/06 PHP
php实现mysql备份恢复分卷处理的方法
2014/12/26 PHP
PHP中isset与array_key_exists的区别实例分析
2015/06/02 PHP
jquery 必填项判断表单是否为空的方法
2008/09/14 Javascript
JavaScript性能陷阱小结(附实例说明)
2010/12/28 Javascript
js中使用replace方法完成某个字符的转换
2014/08/20 Javascript
Javascript递归打印Document层次关系实例分析
2015/05/15 Javascript
javascript实现dom元素可拖动
2016/03/21 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
2016/07/27 Javascript
AngularJs定制样式插入到ueditor中的问题小结
2016/08/01 Javascript
Bootstrap实现带动画过渡的弹出框
2016/08/09 Javascript
JS设计模式之命令模式概念与用法分析
2018/02/06 Javascript
js实现网页同时进行多个倒计时功能
2019/02/25 Javascript
Python文件操作类操作实例详解
2014/07/11 Python
Python中实现三目运算的方法
2015/06/21 Python
python 网络编程详解及简单实例
2017/04/25 Python
Python常用内置模块之xml模块(详解)
2017/05/23 Python
基于python的Tkinter编写登陆注册界面
2017/06/30 Python
Python内置模块hashlib、hmac与uuid用法分析
2018/02/12 Python
python 实现创建文件夹和创建日志文件的方法
2019/07/07 Python
python快速排序的实现及运行时间比较
2019/11/22 Python
Python实现不规则图形填充的思路
2020/02/02 Python
tensorflow 自定义损失函数示例代码
2020/02/05 Python
Python astype(np.float)函数使用方法解析
2020/06/08 Python
python实现每天自动签到领积分的示例代码
2020/08/18 Python
基础的CSS3弹性盒Flexbox布局使用实例
2016/04/08 HTML / CSS
M.M.LaFleur官网:美国职业女装品牌
2020/10/27 全球购物
求职信模板怎么做
2014/01/26 职场文书
财务管理职业生涯规划书
2014/02/26 职场文书
消防安全员岗位职责
2014/03/10 职场文书
《登鹳雀楼》教学反思
2014/04/09 职场文书
新闻编辑求职信
2014/07/13 职场文书
2015年环境监察工作总结
2015/07/23 职场文书
2016年学校综治宣传月活动总结
2016/03/16 职场文书
员工试用期工作总结
2019/06/20 职场文书
简单实现一个手持弹幕功能+文字抖动特效
2021/03/31 HTML / CSS