浅谈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表单常用验证集合
Jan 16 Javascript
初学Javascript的一些总结
Nov 03 Javascript
javascript定时器完整实例
Feb 10 Javascript
JS实现CheckBox复选框全选全不选功能
May 06 Javascript
详解AngularJS中的表达式使用
Jun 16 Javascript
javascript函数自动执行常用方法汇总
Mar 28 Javascript
JavaScript预解析及相关技巧分析
Apr 21 Javascript
jquery获取input type=text中的值的各种方式(总结)
Dec 02 Javascript
bootstrap timepicker在angular中取值并转化为时间戳
Jun 13 Javascript
vue实现动态显示与隐藏底部导航的方法分析
Feb 11 Javascript
Vue-cli4 配置 element-ui 按需引入操作
Sep 11 Javascript
详解vue-cli项目在IE浏览器打开报错解决方法
Dec 10 Vue.js
解决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
解析如何修改phpmyadmin中的默认登陆超时时间
2013/06/25 PHP
ThinkPHP的cookie和session冲突造成Cookie不能使用的解决方法
2014/07/01 PHP
php网页病毒清除类
2014/12/08 PHP
php 无限分类 树形数据格式化代码
2016/10/11 PHP
jquery $(document).ready() 与window.onload的区别
2009/12/28 Javascript
JQuery循环滚动图片代码
2011/12/08 Javascript
为JavaScript类型增加方法的实现代码(增加功能)
2011/12/29 Javascript
jQuery事件 delegate()使用方法介绍
2012/10/30 Javascript
实现点击列表弹出列表索引的两种方式
2013/03/08 Javascript
Javascript判断对象是否相等实现代码
2013/03/18 Javascript
jquery高效反选具体实现
2013/05/05 Javascript
JavaScript获取路径设计源码
2014/05/22 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
2015/08/24 Javascript
jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介
2015/12/03 Javascript
Angular.js中控制器之间的传值详解
2017/04/24 Javascript
jQuery 开发之EasyUI 添加数据的实例
2017/09/26 jQuery
vue.js中toast用法及使用toast弹框的实例代码
2018/08/27 Javascript
python 类详解及简单实例
2017/03/24 Python
Python实现针对给定字符串寻找最长非重复子串的方法
2018/04/21 Python
完美解决Pycharm无法导入包的问题 Unresolved reference
2018/05/18 Python
Vue的el-scrollbar实现自定义滚动
2018/05/29 Python
在python中pandas读文件,有中文字符的方法
2018/12/12 Python
在python中,使用scatter绘制散点图的实例
2019/07/03 Python
Django 多表关联 存储 使用方法详解 ManyToManyField save
2019/08/09 Python
[原创]赚疯了!转手立赚800+?大佬的python「抢茅台脚本」使用教程
2021/01/12 Python
德国奢侈品网上商城:Mytheresa
2016/08/24 全球购物
NEW LOOK官网:英国时装零售巨头之一,快时尚品牌
2017/01/11 全球购物
Max&Co官网:意大利年轻女性时尚品牌
2017/05/16 全球购物
Quiksilver荷兰官方网站:冲浪和滑雪板
2019/11/16 全球购物
软件测试题目
2013/02/27 面试题
城市轨道交通工程职业规划书范文
2014/01/18 职场文书
机工车间主任岗位职责
2014/03/05 职场文书
2014班子成员自我剖析材料思想汇报
2014/10/01 职场文书
安全教育主题班会教案
2015/08/12 职场文书
python3实现Dijkstra算法最短路径的实现
2021/05/12 Python
php将xml转化对象的实例详解
2021/11/17 PHP