JS跳出循环的方法区别对比分析(break,continue,return)

 更新时间:2023年02月28日 15:24:33   作者:樊小书生  
面向对象编程语法中我们会碰到break ,continue, return这三个常用的关键字,那么关于这三个关键字的使用具体的操作是什么呢?接下来通过本文给大家讲解JS跳出循环的方法区别对比分析(break,continue,return),感兴趣的朋友一起看看吧

跟许多多态语言一样,js也有break,continue,return

面向对象编程语法中我们会碰到break ,continue, return这三个常用的关键字,那么关于这三个关键字的使用具体的操作是什么呢?我们在使用这三关键字的时候需要注意和需要理解的规则是什么呢?让我们开始介绍吧:

js编程语法之break语句:

break语句会使运行的程序立刻退出包含在最内层的循环或者退出一个switch语句。

由于它是用来退出循环或者switch语句,所以只有当它出现在这些语句时,这种形式的break语句才是合法的。

如果一个循环的终止条件非常复杂,那么使用break语句来实现某些条件比用一个循环表达式来表达所有的条件容易得多。

for(var i=1;i<=10;i++) { 
    if(i==8) { 
        break; 
    } 
    document.write(i); 
} 

当i=8的时候,直接退出for这个循环。这个循环将不再被执行!

//输出结果:1234567

js编程语法之continue语句:

continue语句和break语句相似。所不同的是,它不是退出一个循环,而是开始循环的一次新迭代。

continue语句只能用在while语句、do/while语句、for语句、或者for/in语句的循环体内,在其它地方使用都会引起错误!

for(var i=1;i<=10;i++) { 
    if(i==8) { 
        continue; 
    } 
    document.write(i); 
} 

当i=8的时候,直接跳出本次for循环。下次继续执行。

//输出结果:1234567910

js编程语法之return语句:

return语句就是用于指定函数返回的值。return语句只能出现在函数体内,出现在代码中的其他任何地方都会造成语法错误!

for(var i=1;i<=10;i++) { 
    if(i==8) { 
        return; 
    } 
    document.write(i); 
} 

执行结果Uncaught SyntaxError: Illegal return statement(…)
意思是非法捕获的查询返回语句。

当执行return语句时,即使函数主体中还有其他语句,函数执行也会停止!

<script>
if (username==""){
   alert("请输入用户名");
   return false;
}
if(qq==""){
   alert("请输入QQ");
   return false;
}
</script>

上面的实例里,当username为空时,就不会再向下执行,在一些表单提交中,也可以通过return false来阻止默认的提交方式,改用Ajax的提交方式,例如:

<form id="form" onSubmit="return false">
...
</form>

到此这篇关于js跳出循环的方法区别(break,continue,return)的文章就介绍到这了,更多相关js跳出循环内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 获取当前点击按钮的id用this.id实现

    获取当前点击按钮的id用this.id实现

    这篇文章主要介绍了获取当前点击按钮的id的方法,,需要的朋友可以参考下
    2014-03-03
  • JS Array.from()将伪数组转换成数组的方法示例

    JS Array.from()将伪数组转换成数组的方法示例

    这篇文章主要介绍了JS Array.from()将伪数组转换成数组的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-03-03
  • 微信小程序实现禁止分享代码实例

    微信小程序实现禁止分享代码实例

    这篇文章主要介绍了微信小程序实现禁止分享代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • JSON 对象未定义错误的解决方法

    JSON 对象未定义错误的解决方法

    下面小编就为大家带来一篇JSON 对象未定义错误的解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • arctext.js实现文字平滑弯曲弧形效果的插件

    arctext.js实现文字平滑弯曲弧形效果的插件

    这篇文章主要介绍了arctext.js实现文字平滑弯曲弧形效果的插件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • js实现iframe动态调整高度的代码

    js实现iframe动态调整高度的代码

    iframe,尤其是不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,让我来告诉大家一种iframe动态调整高度的方法,主要是以下JS函数:
    2008-01-01
  • 使用JavaScript截取视频特定帧的实现方法

    使用JavaScript截取视频特定帧的实现方法

    在网页开发中,我们经常需要对媒体文件进行处理,其中包括视频文件,有时候,我们可能需要从视频中提取特定的帧,并将其显示在网页上,本文将介绍如何使用JavaScript来实现这一功能,感兴趣的朋友跟着小编一起来看看吧
    2024-05-05
  • JavaScript使用Range调色及透明度实例

    JavaScript使用Range调色及透明度实例

    本文给大家分享的是使用range做的一个简单的手动调色并可以得到RGB值的小工具,非常的实用,有需要的小伙伴可以参考下
    2016-09-09
  • 小程序实现Token生成与验证

    小程序实现Token生成与验证

    本文主要介绍了小程序实现Token生成与验证,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-12-12
  • 深入探究JavaScript中for循环的效率问题及相关优化

    深入探究JavaScript中for循环的效率问题及相关优化

    这篇文章主要介绍了JavaScript中for循环的效率问题及相关优化,文中谈到了Underscore.js库及循环在各个浏览器js解释器下的表现,需要的朋友可以参考下
    2016-03-03

最新评论