js跳出循环:break 、continue 、return

js跳出循环:break 、continue 、return

js跳出循环:break 、continue 、return

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

在js里,也就是javascript里,跳出循环有三种方法:break 、 continue 和 return ,通过具体的实例来和大家演示这三种跳出循环的方法的具体区别。

一: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出现在函数里的作用就是即使下面还有内容也不再继续往下执行了,最常见的就是在函数里判断参数是否符合要求, 如果不符合要求就不再继续往下执行:

复制代码

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

复制代码

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

四:jquery里跳出each循环:

可以参考这篇文章:http://www.aijquery.cn/Html/jqueryrumen/73.html

发布了102 篇原创文章 · 获赞 36 · 访问量 11万+

猜你喜欢

转载自blog.csdn.net/wwf1225/article/details/103734666