浅谈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 相关文章推荐
javascript OFFICE控件测试代码
Dec 08 Javascript
Javascript面向对象扩展库代码分享
Mar 27 Javascript
jQuery处理json数据返回数组和输出的方法
Mar 11 Javascript
JavaScript中Textarea滚动条不能拖动的解决方法
Dec 15 Javascript
jQuery无刷新上传之uploadify3.1简单使用
Jun 18 Javascript
BootStrap实现手机端轮播图左右滑动事件
Oct 13 Javascript
Javascript中字符串和数字的操作方法整理
Jan 22 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
Feb 08 Javascript
微信小程序之数据双向绑定与数据操作
May 12 Javascript
Node.js微信 access_token ( jsapi_ticket ) 存取与刷新的示例
Sep 30 Javascript
mpvue 单文件页面配置详解
Dec 02 Javascript
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
解决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
将文件夹压缩成zip文件的php代码
2009/12/14 PHP
PHP合并数组+与array_merge的区别分析
2010/08/01 PHP
PHP session_start()问题解疑(详细介绍)
2013/07/05 PHP
彻底删除thinkphp3.1案例blog标签的方法
2014/12/05 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
2018/06/16 PHP
Avengerls vs KG BO3 第三场2.18
2021/03/10 DOTA
学习YUI.Ext 第二天
2007/03/10 Javascript
JavaScript中的isXX系列是否继续使用的分析
2011/04/16 Javascript
jQuery 菜单随滚条改为以定位方式(固定要浏览器顶部)
2012/05/24 Javascript
JS图片无缝滚动(简单利于使用)
2013/06/17 Javascript
js中top的作用深入剖析
2014/03/04 Javascript
JavaScript中的null和undefined区别介绍
2015/01/01 Javascript
JS、jQuery中select的用法详解
2016/04/21 Javascript
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
2016/05/24 Javascript
移动适配的几种方案(三种方案)
2016/11/25 Javascript
BootStrap Fileinput初始化时的一些参数
2016/12/30 Javascript
解决URL地址中的中文乱码问题的办法
2017/02/10 Javascript
vue-resourse将json数据输出实例
2017/03/08 Javascript
JavaScript中的return布尔值的用法和原理解析
2017/08/14 Javascript
微信小程序自定义组件
2017/08/16 Javascript
js移动端图片压缩上传功能
2020/08/18 Javascript
AjaxUpLoad.js实现文件上传功能
2018/03/02 Javascript
Layui tree 下拉菜单树的实例代码
2019/09/21 Javascript
layui form表单提交后实现自动刷新
2019/10/25 Javascript
[51:15]2014 DOTA2国际邀请赛中国区预选赛 Orenda VS LGD-GAMING
2014/05/22 DOTA
Python中的条件判断语句与循环语句用法小结
2016/03/21 Python
Python实现复杂对象转JSON的方法示例
2017/06/22 Python
python对文件目录的操作方法实例总结
2019/06/24 Python
Pycharm保存不能自动同步到远程服务器的解决方法
2019/06/27 Python
django之自定义软删除Model的方法
2019/08/14 Python
销售职业生涯规划范文
2014/03/14 职场文书
学校四风对照检查材料
2014/08/28 职场文书
学校运动会广播稿
2014/10/11 职场文书
走进毛泽东观后感
2015/06/04 职场文书
个人道歉信大全
2019/04/11 职场文书
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
2021/10/05 Javascript