浅谈JS for循环中使用break和continue的区别

 更新时间:2020年07月21日 16:46:12   作者:枫叶布  
这篇文章主要介绍了浅谈for循环中使用break和continue的区别,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JS实现很酷的水波文字特效实例

    JS实现很酷的水波文字特效实例

    这篇文章主要介绍了JS实现很酷的水波文字特效,实例分析了javascript操作图层特效的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • javascript弹出带文字信息的提示框效果

    javascript弹出带文字信息的提示框效果

    这篇文章主要介绍了javascript弹出带文字信息的提示框效果,涉及javascript简单弹出窗口定义与样式相关操作技巧,需要的朋友可以参考下
    2016-07-07
  • js编写简单的聊天室功能

    js编写简单的聊天室功能

    这篇文章主要为大家详细介绍了js编写简单的聊天室功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • js 小贴士一星期合集

    js 小贴士一星期合集

    js 小贴士一星期合集,学习js的朋友可以参考下。
    2010-04-04
  • JS如何把字符串转换成json

    JS如何把字符串转换成json

    这篇文章主要介绍了JS如何把字符串转换成json,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • 详解JavaScript 事件流

    详解JavaScript 事件流

    这篇文章主要介绍了JavaScript 事件流的相关资料,帮助大家更好的理解和学习JavaScript,感兴趣的朋友可以了解下
    2020-09-09
  • 微信小程序实现历史搜索功能的全过程(h5同理)

    微信小程序实现历史搜索功能的全过程(h5同理)

    最近在使用微信小程序开发的时候遇到了一个需求,需要实现历史搜索记录的功能,所以下面这篇文章主要给大家介绍了关于微信小程序实现历史搜索功能(h5同理)的相关资料,需要的朋友可以参考下
    2022-12-12
  • JavaScript类型系统之Object详解

    JavaScript类型系统之Object详解

    对象其实就是一组数据和功能的集合。对象可以通过执行new操作符后跟要创建的对象类型的名称来创建。而创建Object类型的实例并为其添加属性和(或)方法,就可以创建自定义对象
    2016-01-01
  • 微信小程序实现日历功能

    微信小程序实现日历功能

    这篇文章主要为大家详细介绍了微信小程序实现日历功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • JavaScript模拟鼠标右键菜单效果

    JavaScript模拟鼠标右键菜单效果

    这篇文章主要为大家详细介绍了JavaScript模拟鼠标右键菜单效果的实现代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03

最新评论