浅谈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 相关文章推荐
基于KMP算法JavaScript的实现方法分析
May 03 Javascript
js动态生成指定行数的表格
Jul 11 Javascript
当前页禁止复制粘贴截屏代码小集
Jul 24 Javascript
阿里巴巴技术文章分享 Javascript继承机制的实现
Jan 14 Javascript
Bootstrap表单布局样式代码
May 31 Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
Jul 25 Javascript
避免jQuery名字冲突 noConflict()方法
Jul 30 Javascript
jQuery无缝轮播图代码
Dec 22 Javascript
js保留两位小数方法总结
Jan 31 Javascript
VUE-Table上绑定Input通过render实现双向绑定数据的示例
Aug 27 Javascript
layer关闭弹出窗口触发表单提交问题的处理方法
Sep 25 Javascript
JavaScript通如何过RGraph实现动态仪表盘
Oct 15 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
PHP面向对象教程之自定义类
2014/06/10 PHP
PHP中使用Imagick读取pdf并生成png缩略图实例
2015/01/21 PHP
php判断两个浮点数是否相等的方法
2015/03/14 PHP
php操作redis缓存方法分享
2015/06/03 PHP
PHP微信开发用Cache 解决数据缓存
2016/07/11 PHP
javascript 数组的方法集合
2008/06/05 Javascript
javascript 用原型继承来实现对象系统
2010/03/22 Javascript
JavaScript的document对象和window对象详解
2010/12/30 Javascript
jQuery插件 selectToSelect使用方法
2013/10/02 Javascript
理解javascript中的回调函数(callback)
2014/09/02 Javascript
javascript学习笔记(八)正则表达式
2014/10/08 Javascript
javascript表单验证和Window详解
2014/12/11 Javascript
如何使用jquery easyui创建标签组件
2015/11/18 Javascript
JS克隆,属性,数组,对象,函数实例分析
2016/11/26 Javascript
bootstrap suggest下拉框使用详解
2017/04/10 Javascript
Js自定义多选框效果的实例代码
2017/07/05 Javascript
微信小程序模板和模块化用法实例分析
2017/11/28 Javascript
使用node打造自己的命令行工具方法教程
2018/03/26 Javascript
JS插件clipboard.js实现一键复制粘贴功能
2020/12/04 Javascript
全网小程序接口请求封装实例代码
2020/11/06 Javascript
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
2021/02/20 Vue.js
python socket网络编程步骤详解(socket套接字使用)
2013/12/06 Python
简单的Python抓taobao图片爬虫
2014/10/26 Python
Python中的单继承与多继承实例分析
2018/05/10 Python
python面试题Python2.x和Python3.x的区别
2019/05/28 Python
Python基于机器学习方法实现的电影推荐系统实例详解
2019/06/25 Python
python实现最小二乘法线性拟合
2019/07/19 Python
详解django实现自定义manage命令的扩展
2019/08/13 Python
解决pycharm上的jupyter notebook端口被占用问题
2019/12/17 Python
python 解决selenium 中的 .clear()方法失效问题
2020/09/01 Python
canvas裁剪clip()函数的具体使用
2018/03/01 HTML / CSS
户外拓展活动方案
2014/02/11 职场文书
售房协议书
2014/08/19 职场文书
医院领导班子四风对照检查材料
2014/09/27 职场文书
婚庆答谢词大全
2015/09/29 职场文书
PyTorch 如何自动计算梯度
2021/05/23 Python