浅谈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 相关文章推荐
Prototype1.6 JS 官方下载地址
Nov 30 Javascript
javascript中input中readonly和disabled区别介绍
Oct 23 Javascript
javascript动态的改变IFrame的高度实现自动伸展
Oct 12 Javascript
$.each遍历对象、数组的属性值并进行处理
Jul 18 Javascript
在HTML代码中使用JavaScript代码的例子
Oct 16 Javascript
bootstrapValidator表单验证插件学习
Dec 30 Javascript
JavaScript实现简单的四则运算计算器完整实例
Apr 28 Javascript
对于js垃圾回收机制的理解
Sep 14 Javascript
vue-cli配置文件——config篇
Jan 04 Javascript
JavaScript门道之标准库
May 26 Javascript
用JS实现一个简单的打砖块游戏
Dec 11 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
Sep 27 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
玩转虚拟域名◎+ .
2006/10/09 PHP
CSS中一些@规则的用法小结
2021/03/09 HTML / CSS
javascript数组的扩展实现代码集合
2008/06/01 Javascript
ExtJs的Date格式字符代码
2010/12/30 Javascript
JavaScript高级程序设计 阅读笔记(十七) js事件
2012/08/14 Javascript
javascript里模拟sleep(两种实现方式)
2013/01/25 Javascript
使用JavaScript构建JSON格式字符串实现步骤
2013/03/22 Javascript
使用js检测浏览器是否支持html5中的video标签的方法
2014/03/12 Javascript
JavaScript验证电子邮箱的函数
2014/08/22 Javascript
JQuery判断checkbox是否选中及其它复选框操作方法合集
2015/06/01 Javascript
Bootstrap选项卡与Masonry插件的完美结合
2016/07/06 Javascript
解析利用javascript如何判断一个数为素数
2016/12/08 Javascript
xmlplus组件设计系列之列表(4)
2017/04/26 Javascript
vue.js实现标签页切换效果
2018/06/07 Javascript
vue项目中在外部js文件中直接调用vue实例的方法比如说this
2019/04/28 Javascript
JS将时间秒转换成天小时分钟秒的字符串
2019/07/10 Javascript
Vue代码整洁之去重方法整理
2019/08/06 Javascript
如何利用JavaScript编写一个格斗小游戏
2021/01/06 Javascript
[49:59]KG vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Django框架中的对象列表视图使用示例
2015/07/21 Python
Python与人工神经网络:使用神经网络识别手写图像介绍
2017/12/19 Python
Python Cookie 读取和保存方法
2018/12/28 Python
python对文件的操作方法汇总
2020/02/28 Python
python有几个版本
2020/06/17 Python
CSS3田字格列表的样式编写方法
2018/11/22 HTML / CSS
css3 transform导致子元素固定定位变成绝对定位的方法
2020/03/06 HTML / CSS
html5中svg canvas和图片之间相互转化思路代码
2014/01/24 HTML / CSS
瑞贝卡·泰勒官方网站:Rebecca Taylor
2016/09/24 全球购物
英国第二大营养品供应商:Vitabiotics
2016/10/01 全球购物
美国瑜伽品牌:Gaiam
2017/10/31 全球购物
英国最大的专业户外零售商:Mountain Warehouse
2018/06/06 全球购物
如何进行有效的自我评价
2013/09/27 职场文书
应届中专生自荐书范文
2014/02/13 职场文书
实习生岗位职责
2014/04/12 职场文书
品酒会策划方案
2014/05/26 职场文书
创业计划书之零食店(进口)
2019/09/24 职场文书