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中String类的subString()方法和slice()方法
May 24 Javascript
javascript读取Xml文件做一个二级联动菜单示例
Mar 17 Javascript
jQuery大于号(&gt;)选择器的作用解释
Jan 13 Javascript
jquery加载图片时以淡入方式显示的方法
Jan 14 Javascript
js实现简洁的TAB滑动门效果代码
Sep 06 Javascript
js移动焦点到最后位置的简单方法
Nov 25 Javascript
ES6学习笔记之正则表达式和字符串正则方法分析
Apr 25 Javascript
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 jQuery
微信小程序实现收藏与取消收藏切换图片功能
Aug 03 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
Nov 26 jQuery
JavaScript TAB栏切换效果的示例
Nov 05 Javascript
js实现验证码干扰(动态)
Feb 23 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笔记之:文章中图片处理的使用
2013/04/26 PHP
php实现格式化多行文本为Js可用格式
2015/04/15 PHP
php smtp实现发送邮件功能
2017/06/22 PHP
PHP实现验证码校验功能
2017/11/16 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
把JS与CSS写在同一个文件里的书写方法
2007/06/02 Javascript
javascript for循环设法提高性能
2010/02/24 Javascript
Extjs入门之动态加载树代码
2010/04/09 Javascript
JavaScript操作XML实例代码(获取新闻标题并分页,并分页)
2010/05/25 Javascript
JQuery验证工具类搜集整理
2013/01/16 Javascript
jQuery操作checkbox选择(list/table)
2013/04/07 Javascript
jQuery实现列表自动滚动循环滚动展示新闻
2014/08/22 Javascript
jQuery+formdata实现上传进度特效遇到的问题
2016/02/24 Javascript
jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)
2016/03/05 Javascript
详解Javascript几种跨域方式总结
2017/02/27 Javascript
jquery dataTable 获取某行数据
2017/05/05 jQuery
vue子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
2020/02/01 Javascript
基于javascript处理nginx请求过程详解
2020/07/07 Javascript
JS call()及apply()方法使用实例汇总
2020/07/11 Javascript
vscode+gulp轻松开发小程序的完整步骤
2020/10/18 Javascript
[03:27]《辉夜杯》线下训练营 导师CU和海涛指点迷津
2015/10/23 DOTA
python写日志封装类实例
2015/06/28 Python
python常用知识梳理(必看篇)
2017/03/23 Python
详解python 注释、变量、类型
2018/08/10 Python
详解Pycharm出现out of memory的终极解决方法
2020/03/03 Python
一些关于python 装饰器的个人理解
2020/08/31 Python
python Matplotlib基础--如何添加文本和标注
2021/01/26 Python
CSS3径向渐变之大鱼吃小鱼之孤单的大鱼
2016/04/26 HTML / CSS
html5 css3网站菜单实现代码
2013/12/23 HTML / CSS
C#面试题
2016/05/06 面试题
个人素质的自我评价分享
2013/12/16 职场文书
大学考试作弊检讨书
2014/01/30 职场文书
校园活动策划方案
2014/06/13 职场文书
政府班子四风问题整改措施
2014/10/04 职场文书
中国合伙人观后感
2015/06/02 职场文书
2021年国漫热度排行前十,完美世界上榜,第四是美国动画作品
2022/03/18 国漫