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

您可能感兴趣的文章:

Javascript中的async awai的用法
本篇文章主要介绍了Javascript中的async/awai的用法，将分享async / await是如何工作的，有兴趣的可以了解一下
2017-05-05
移动端触摸滑动插件swiper使用方法详解
这篇文章主要为大家详细介绍了移动端触摸滑动插件swiper的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-08-08
JavaScript 的setTimeout与事件循环机制event-loop
这篇文章主要介绍了JavaScript 的setTimeout与事件循环机制event-loop，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下
2022-07-07
JavaScript中遍历跳出循环方法总结
这篇文章主要给大家介绍了关于JavaScript中遍历跳出循环方法的相关资料,一想到想到循环的跳出,立马就会想到三个关键,break、return、continue,在业务中也会需要在遍历的时候退出循环,需要的朋友可以参考下
2023-12-12
手机端页面rem宽度自适应脚本
网上关于这方面的文章有很多，重复的东西本文不再赘述，仅提供思路，并解释一些其他文章讲述模糊的地方。重点给大家介绍下rem.有需要的小伙伴可以参考下。
2015-05-05
泛谈JS逻辑判断选择器 || &&
这篇文章主要介绍了JS逻辑判断选择器 || &&，下面我们来一起学习吧
2019-05-05
laypage分页控件使用实例详解
这篇文章主要为大家详细分享了laypage分页控件使用实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-05-05
微信小程序websocket实现聊天功能
这篇文章主要为大家详细介绍了微信小程序websocket实现聊天功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-07-07
微信小程序自定义菜单切换栏tabbar组件代码实例
这篇文章主要介绍了微信小程序自定义菜单切换栏tabbar组件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-12-12
使用webpack打包ts代码的实现
本文主要介绍了使用webpack打包ts代码的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-06-06