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实现键盘方向键翻页功能的代码
Jun 03 Javascript
javascript操作html控件实例(javascript添加html)
Dec 02 Javascript
BAT及各大互联网公司2014前端笔试面试题--JavaScript篇
Oct 29 Javascript
浅谈Javascript Base64 加密解密
Dec 28 Javascript
Node.js 制作实时多人游戏框架
Jan 08 Javascript
javascript实现根据iphone屏幕方向调用不同样式表的方法
Jul 13 Javascript
javascript中的面向对象
Mar 30 Javascript
浅谈ES6新增的数组方法和对象
Aug 08 Javascript
iframe高度自适应及隐藏滚动条的实例详解
Sep 29 Javascript
深入浅析nuxt.js基于ssh的vue通用框架
May 21 Javascript
vue实现短信验证码输入框
Apr 17 Javascript
vue @click.native 绑定原生点击事件
Apr 22 Vue.js
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封装的数据库函数与用法示例【参考thinkPHP】
2016/11/08 PHP
php两点地理坐标距离的计算方法
2018/12/29 PHP
document.compatMode介绍
2009/05/21 Javascript
javascript 学习笔记(onchange等)
2010/11/14 Javascript
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
2011/09/19 Javascript
JS 如何获取radio选中后的值及不选择取radio的值
2013/10/28 Javascript
javascript随机之洗牌算法深入分析
2014/06/07 Javascript
JavaScript获取当前日期是星期几的方法
2015/04/06 Javascript
Vue2单一事件管理组件通信
2017/05/09 Javascript
BootStrap selectpicker后台动态绑定数据
2017/06/01 Javascript
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
2017/08/23 jQuery
element ui里dialog关闭后清除验证条件方法
2018/02/26 Javascript
修改Nodejs内置的npm默认配置路径方法
2018/05/13 NodeJs
JS实现的新闻列表自动滚动效果示例
2019/01/30 Javascript
webpack的tree shaking的实现方法
2019/09/18 Javascript
Layui带搜索的下拉框的使用以及动态数据绑定方法
2019/09/28 Javascript
JavaScript监听键盘事件代码实现
2020/06/03 Javascript
[39:32]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第二场
2014/05/23 DOTA
[10:18]2018DOTA2国际邀请赛寻真——Fnatic能否笑到最后?
2018/08/14 DOTA
Python基础之函数用法实例详解
2014/09/10 Python
python中文编码问题小结
2014/09/28 Python
Python正则表达式如何进行字符串替换实例
2016/12/28 Python
Python tornado队列示例-一个并发web爬虫代码分享
2018/01/09 Python
python保存二维数组到txt文件中的方法
2018/11/15 Python
解决Python中pandas读取*.csv文件出现编码问题
2019/07/12 Python
Python 自由定制表格的实现示例
2020/03/20 Python
大学生简历中个人的自我评价
2013/10/06 职场文书
《母鸡》教学反思
2014/02/25 职场文书
电子商务求职信
2014/06/15 职场文书
贪污受贿检讨书范文
2014/11/19 职场文书
五四青年节活动总结
2015/02/10 职场文书
辩论赛开场白大全(主持人+辩手)
2015/05/29 职场文书
新店开业策划方案怎么书写?
2019/07/05 职场文书
利用Python判断你的密码难度等级
2021/06/02 Python
Python利用FlashText算法实现替换字符串
2022/03/31 Python
把77A收信机改造成收音机
2022/04/05 无线电