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 Keycode对照表
Oct 24 Javascript
javascript 跨浏览器开发经验总结(五) js 事件
May 19 Javascript
来自国外的30个基于jquery的Web下拉菜单
Jun 22 Javascript
java与javascript之间json格式数据互转介绍
Oct 29 Javascript
jQuery实现的导航下拉菜单效果示例
Sep 05 Javascript
JavaScript  event对象整理及详细介绍
Oct 10 Javascript
详解Vue取消eslint语法限制
Aug 04 Javascript
Vue中插入HTML代码的方法
Sep 21 Javascript
使用Angular Cli如何创建Angular私有库详解
Jan 30 Javascript
angular异步验证防抖踩坑实录
Dec 01 Javascript
通过angular CDK实现页面元素拖放的步骤详解
Jul 01 Javascript
vue中如何自定义右键菜单详解
Dec 08 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的开发框架的现状和展望
2007/03/16 PHP
解析php dirname()与__FILE__常量的应用
2013/06/24 PHP
yii框架builder、update、delete使用方法
2014/04/30 PHP
100行PHP代码实现socks5代理服务器
2016/04/28 PHP
php给数组赋值的实例方法
2019/09/26 PHP
js统计页面的来访次数实现代码
2014/05/09 Javascript
JavaScript实现twitter puddles算法实例
2014/12/06 Javascript
包含中国城市的javascript对象实例
2015/08/03 Javascript
利用jquery实现瀑布流3种案例
2016/09/18 Javascript
详解让sublime text3支持Vue语法高亮显示的示例
2017/09/29 Javascript
web页面和微信小程序页面实现瀑布流效果
2018/09/26 Javascript
微信小程序如何通过用户授权获取手机号(getPhoneNumber)
2020/01/21 Javascript
在vue中使用console.log无效的解决
2020/08/09 Javascript
用Python编写一个国际象棋AI程序
2014/11/28 Python
python字典键值对的添加和遍历方法
2016/09/11 Python
用matplotlib画等高线图详解
2017/12/14 Python
PyQt5 QSerialPort子线程操作的实现
2018/04/21 Python
python定时按日期备份MySQL数据并压缩
2019/04/19 Python
Python3之手动创建迭代器的实例代码
2019/05/22 Python
python匿名函数用法实例分析
2019/08/03 Python
Python Django 前后端分离 API的方法
2019/08/28 Python
Pycharm中Python环境配置常见问题解析
2020/01/16 Python
新手学python应该下哪个版本
2020/06/11 Python
PyCharm常用配置和常用插件(小结)
2021/02/06 Python
世界第一冲浪品牌:O’Neill
2016/08/30 全球购物
高尔夫球鞋、服装、手套和装备:FootJoy
2018/12/15 全球购物
求职简历中的自我评价分享
2013/12/08 职场文书
新郎新娘婚礼答谢词
2014/01/11 职场文书
幼儿园保育员辞职信
2014/01/12 职场文书
会计专业职业规划:规划自我赢取未来
2014/02/12 职场文书
2015年试用期工作总结
2014/12/12 职场文书
2015年房地产销售工作总结
2015/04/20 职场文书
2015学校年度工作总结
2015/05/11 职场文书
实习单位鉴定意见
2015/06/04 职场文书
如何起草一份正确的合伙创业协议书?
2019/07/04 职场文书
详解MySQL主从复制及读写分离
2021/05/07 MySQL