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