浅谈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的让页面控件不可用的实现代码
Apr 27 Javascript
jQuery获取浏览器中的分辨率实现代码
Apr 23 Javascript
JavaScript 上万关键字瞬间匹配实现代码
Jul 07 Javascript
css配合jquery美化 select
Nov 29 Javascript
浅析js中的浮点型运算问题
Jan 06 Javascript
浅谈JavaScript中的String对象常用方法
Feb 25 Javascript
C#微信小程序服务端获取用户解密信息实例代码
Mar 10 Javascript
浅谈angular4实际项目搭建总结
Dec 01 Javascript
bootstrap与pagehelper实现分页效果
Dec 29 Javascript
Vue.js watch监视属性知识点总结
Nov 11 Javascript
原生javascript实现类似vue的数据绑定功能示例【观察者模式】
Feb 24 Javascript
js实现贪吃蛇游戏 canvas绘制地图
Sep 09 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
PHPWind 发帖回帖Api PHP版打包下载
2010/02/08 PHP
防止用户利用PHP代码DOS造成用光网络带宽
2011/03/01 PHP
关于zend studio 出现乱码问题的总结
2013/06/23 PHP
PHP如何实现Unicode和Utf-8编码相互转换
2015/07/29 PHP
Yii中Model(模型)的创建及使用方法
2015/12/28 PHP
Yii实现复选框批量操作实例代码
2017/03/15 PHP
laravel使用数据库测试注意事项
2020/04/10 PHP
jQuery代码优化之基本事件
2011/11/01 Javascript
js模拟点击以提交表单为例兼容主流浏览器
2013/11/29 Javascript
jQuery写fadeTo示例代码
2014/02/21 Javascript
基于Angularjs实现分页功能
2016/05/30 Javascript
完美解决jQuery fancybox ie 无法显示关闭按钮的问题
2016/11/29 Javascript
详解nodejs微信公众号开发——2.自动回复
2017/04/10 NodeJs
深入理解JavaScript 参数按值传递
2017/05/24 Javascript
BootStrap Table 后台数据绑定、特殊列处理、排序功能
2017/05/27 Javascript
基于模板引擎Jade的应用(详解)
2017/12/12 Javascript
浅谈webpack打包生成的bundle.js文件过大的问题
2018/02/22 Javascript
从vue源码解析Vue.set()和this.$set()
2018/08/30 Javascript
ant-design-vue中的select选择器,对输入值的进行筛选操作
2020/10/24 Javascript
Python编码爬坑指南(必看)
2016/06/10 Python
pandas 获取季度,月度,年度首尾日期的方法
2018/04/11 Python
解决Tensorflow安装成功,但在导入时报错的问题
2018/06/13 Python
Python子类继承父类构造函数详解
2019/02/19 Python
ubuntu 16.04下python版本切换的方法
2019/06/14 Python
使用TensorFlow实现简单线性回归模型
2019/07/19 Python
Django Celery异步任务队列的实现
2019/07/24 Python
Django自带日志 settings.py文件配置方法
2019/08/30 Python
tensorflow使用指定gpu的方法
2020/02/04 Python
python实现贪吃蛇游戏源码
2020/03/21 Python
Python爬取微信小程序通用方法代码实例详解
2020/09/29 Python
美国韩国化妆品和护肤品购物网站:Beautytap
2018/07/29 全球购物
金融专业毕业生推荐信
2013/11/26 职场文书
生物制药专业自我鉴定
2014/02/19 职场文书
2015年幼儿园学期工作总结
2015/05/22 职场文书
工作年限证明模板
2015/06/15 职场文书
公司欠款证明
2015/06/24 职场文书