JavaScript中break、continue和return的用法区别实例分析


Posted in Javascript onMarch 02, 2020

本文实例讲述了JavaScript中break、continue和return的用法区别。分享给大家供大家参考,具体如下:

break 停止了这个for循环,跳出循环来继续执行fn函数里之后的语句 

function fn() {
  for(var i = 0; i < 5; i++) {
    if(i == 3) {
      break;
    }
    console.log(i);
  }
  console.log("ha")
}
fn();//0 1 2 ha

continue 只是停止了当前循环,继续执行后面的循环,当循环执行完继续执行fn函数里之后的语句 

function fn() {
  for(var i = 0; i < 5; i++) {
    if(i == 3) {
      continue;
    }
    console.log(i);
  }
  console.log("ha")
}
fn();//0 1 2 4 ha

return 停止了这个for循环,跳出循环并且停止执行fn函数里后边的语句

function fn() {
  for(var i = 0; i < 5; i++) {
    if(i == 3) {
      return;
    }
    console.log(i);
  }
  console.log("ha")
}
fn();//0 1 2

注:

如果这样写,没有fn函数会报以下错误

查看了js的手册后发现,在js中return 语句只能放在function中,如果不是在一个function中弹出如上错误。

for(var i = 0; i < 5; i++) {
    if(i == 3) {
      return;
    }
    console.log(i);
  }

JavaScript中break、continue和return的用法区别实例分析

forEach中无法   break  和   continue,会报以下错误。

JavaScript中break、continue和return的用法区别实例分析

JavaScript中break、continue和return的用法区别实例分析

使用return也不能跳出整个循环:

var a=[1,2,3,4,5,6,7,8,9]
a.forEach((item,index)=>{
	  if(item == 6) {
      return
    }else{
    	console.log(item);
    }
})

JavaScript中break、continue和return的用法区别实例分析

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题:《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
分享别人写的一个小型js框架
Aug 13 Javascript
jQuery checkbox全选/取消全选实现代码
Nov 14 Javascript
讨论html与javascript在浏览器中的加载顺序问题
Nov 27 Javascript
纯JS实现动态时间显示代码
Feb 08 Javascript
基于JS实现数字+字母+中文的混合排序方法
Jun 06 Javascript
JavaScript学习笔记整理_关于表达式和语句
Sep 19 Javascript
JS版微信6.0分享接口用法分析
Oct 13 Javascript
js获取浏览器的各种属性
Apr 27 Javascript
webpack配置导致字体图标无法显示的解决方法
Mar 06 Javascript
你可能不知道的CORS跨域资源共享
Mar 13 Javascript
微信小程序配置服务器提示验证token失败的解决方法
Apr 03 Javascript
vue中touch和click共存的解决方式
Jul 28 Javascript
Vue Router的手写实现方法实现
Mar 02 #Javascript
ES6中Set和Map用法实例详解
Mar 02 #Javascript
Vue父组件向子组件传值以及data和props的区别详解
Mar 02 #Javascript
js中addEventListener()与removeEventListener()用法案例分析
Mar 02 #Javascript
js构造函数constructor和原型prototype原理与用法实例分析
Mar 02 #Javascript
原生js实现日历效果
Mar 02 #Javascript
js中火星坐标、百度坐标、WGS84坐标转换实现方法示例
Mar 02 #Javascript
You might like
PHP关联数组实现根据元素值删除元素的方法
2015/06/26 PHP
变量在 PHP7 内部的实现(二)
2015/12/21 PHP
Yii2.0 模态弹出框+ajax提交表单
2016/05/22 PHP
PHP购物车类Cart.class.php定义与用法示例
2016/07/20 PHP
自制PHP框架之模型与数据库
2017/05/07 PHP
Laravel5.5 数据库迁移:创建表与修改表示例
2019/10/23 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
js操纵dom生成下拉列表框的方法
2014/02/24 Javascript
js变量、作用域及内存详解
2014/09/23 Javascript
初识angular框架后的所思所想
2016/02/19 Javascript
uploader秒传图片到服务器完整代码
2017/04/22 Javascript
AngularJS入门教程二:在路由中传递参数的方法分析
2017/05/27 Javascript
详解动画插件wow.js的使用方法
2017/09/13 Javascript
vue自定义指令用法经典实例小结
2019/03/16 Javascript
python使用PIL模块获取图片像素点的方法
2019/01/08 Python
基于Python实现用户管理系统
2019/02/26 Python
很酷的python表白工具 你喜欢我吗
2019/04/11 Python
Django 如何使用日期时间选择器规范用户的时间输入示例代码详解
2020/05/22 Python
jupyter notebook远程访问不了的问题解决方法
2021/01/11 Python
使用CSS3来实现滚动视差效果的教程
2015/08/24 HTML / CSS
CSS3之2D与3D变换的实现方法
2019/01/28 HTML / CSS
HTML5使用ApplicationCache接口实现离线缓存技术解决离线难题
2012/12/13 HTML / CSS
实例讲解HTML5的meta标签的一些应用
2015/12/08 HTML / CSS
如何在Canvas中添加事件的方法示例
2019/05/21 HTML / CSS
秘鲁购物网站:Linio秘鲁
2017/04/07 全球购物
Whittard官方海外旗舰店:英国百年茶叶品牌
2018/02/22 全球购物
Notino希腊:购买香水和美容产品
2019/07/25 全球购物
劳资专员岗位职责
2013/12/27 职场文书
致裁判员加油稿
2014/02/08 职场文书
运动会入场式解说词
2014/02/18 职场文书
《第一次抱母亲》教学反思
2014/04/16 职场文书
群众路线领导干部个人对照检查材料(集锦)
2014/09/23 职场文书
横店影视城导游词
2015/02/06 职场文书
手术室消毒隔离制度
2015/08/05 职场文书
前端canvas中物体边框和控制点的实现示例
2022/08/05 Javascript
苹果macOS 13开发者预览版Beta 8发布 正式版10月发布
2022/09/23 数码科技