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 相关文章推荐
JavaScript 数组运用实现代码
Apr 13 Javascript
JavaScript中prototype为对象添加属性的误区介绍
Oct 15 Javascript
jQuery操作Select的Option上下移动及移除添加等等
Nov 18 Javascript
jQuery 顶部导航跟随滚动条滚动固定浮动在顶部
Jun 06 Javascript
js实现键盘控制DIV移动的方法
Jan 10 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
Mar 05 Javascript
正则表达式(语法篇推荐)
Jun 24 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
Nov 05 Javascript
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
Mar 22 Javascript
小程序如何获取多个formId实现详解
Sep 20 Javascript
详细分析React 表单与事件
Jul 08 Javascript
vue.js封装switch开关组件的操作
Oct 26 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 实现页面静态化的几种方法
2017/07/23 PHP
Nigma vs Liquid BO3 第一场2.13
2021/03/10 DOTA
javascript函数以及基础写法100多条实用整理
2013/01/13 Javascript
jQuery中[attribute]选择器用法实例
2014/12/31 Javascript
JavaScript实现页面5秒后自动跳转的方法
2015/04/16 Javascript
JavaScript实现的浮动层框架用法实例分析
2015/10/10 Javascript
JavaScript实现带播放列表的音乐播放器实例分享
2016/03/07 Javascript
jQuery实现手机自定义弹出输入框
2016/06/13 Javascript
jQGrid动态填充select下拉框的选项值(动态填充)
2016/11/28 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
2017/03/09 Javascript
Vue.js上下滚动加载组件的实例代码
2017/07/17 Javascript
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
2017/09/07 Javascript
vue+axios 前端实现的常用拦截的代码示例
2018/08/23 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
2019/09/04 Javascript
vue跳转方式(打开新页面)及传参操作示例
2020/01/26 Javascript
NodeJS模块Buffer原理及使用方法解析
2020/11/11 NodeJs
Vue实现购物小球抛物线的方法实例
2020/11/22 Vue.js
[05:17]DOTA2睡衣妹卖萌求签名 CJ第二天全明星影像
2013/07/28 DOTA
[01:45]2014DOTA2 TI预选赛预选赛 大神专访第二弹!
2014/05/20 DOTA
Python和php通信乱码问题解决方法
2014/04/15 Python
python正则表达式爬取猫眼电影top100
2018/02/24 Python
python构建深度神经网络(DNN)
2018/03/10 Python
对python实现模板生成脚本的方法详解
2019/01/30 Python
keras绘制acc和loss曲线图实例
2020/06/15 Python
python 怎样进行内存管理
2020/11/10 Python
Python中logging日志的四个等级和使用
2020/11/17 Python
用 python 进行微信好友信息分析
2020/11/28 Python
关于h5中的fetch方法解读(小结)
2017/11/15 HTML / CSS
abstract 可以和 virtual 一起使用吗?可以和 override 一起使用吗?
2012/10/15 面试题
人力资源经理自我评价
2014/01/04 职场文书
中考冲刺决心书
2014/03/11 职场文书
2014年国庆节寄语
2014/09/19 职场文书
2015年度物业公司工作总结
2015/04/27 职场文书
运动员代表致辞
2015/07/29 职场文书
初中化学教学反思
2016/02/22 职场文书
利用python调用摄像头的实例分析
2021/06/07 Python