js跳出循环:break 、continue 、return 附完整的实例演示推荐 亲测 收藏


  • :
  • 06-14 13:44
  • :
  • 1229次
  • :
  • 0条
  • 8赞

简介本文通过具体的在线实例演示来讲解在javascript里,用break,continue或return来跳出循环的区别及不同的用法。

本文虽然讲的是js里跳出循环的方法,但是jquery其实就是在js的基础上封装而来的,所以一些js里的语法应用,在jquery里也是通用的。

在js里,也就是javascript里,
跳出循环有三种方法:breakcontinuereturn ,本文站长就通过具体的实例来和大家演示这三种跳出循环的方法的具体区别。

一:break:用来终止循环,让循环不再往下继续:

<script>
for(var i=0;i<=10;i++){
   document.write(i);//输出012345
   if(i==5){break;}
}
</script>

上面的实例里,当循环到5的时候,因为break而终止并结束了循环,所以输出的结果为012345;

二:continue:用来跳过循环,继续往下循环:

<script>
for(var i=0;i<=10;i++){
   if(i==5){continue;}
   document.write(i);//输出01234678910
}
</script>

上面实例里,当循环到5时,跳过了当前的循环,也就是没有输出5

三:return:return只能出现在函数里,如果出现在上面实例里的for循环里就会报错,return出现在函数里的作用就是即使下面还有内容也不再继续往下执行了,最常见的就是在函数里判断参数是否符合要求, 如果不符合要求就不再继续往下执行:

<script>
if (username==""){
   alert("请输入用户名");
   return false;//因为username不符合我们的要求,所以在这里用return来终于函数往下继续执行
}
alert("欢迎你"+username);
</script>

上面实例里,如果username符合我们的要求,那么就会弹出“欢迎你”的提示框,如果不合要求,就会弹出“请输入用户名”。

四:jquery里跳出each循环:

可以参考这篇文章:jquery里跳出each循环的方法及实例


好了,关于js里用break continue 和 return来跳出循环或过程,就介绍到这里了!希望这篇文章能对您有所帮助!



您正在找的文章可能是: