DIV CSS 佈局教程網

先來說說break和continue之間的區別

摘自JavaScript高級程序設計

for(var i=0;i<10;i++){
  if(i>5){
  break;
  }
}
console.log(i);  ---6

 •當i=5和10的時候，會執行到break，並退出循環

 for(var i=1;i<10;i++){
  if(i>5){
  continue;
  }
  num++;
}
console.log(num);  ---4

var num=0;
for(var i=1;i<10;i++){
  if(i%5==0){
  continue;
  }
  num++;
}
console.log(num); ---8

 •當i=5或者i=10的時候，會按照i的值，繼續執行for循環，並退出循環

當執行多重循環的時候

break的情況

outer:
for(var i=0;i<10;i++){
 inter:
  for(var j=0;j<10;j++){
    if(i>5){
    console.log(i); ----6 
     break outer;
    }
  } 
 }

這是break到最外面循環裡面的

outer:
for(var i=0;i<10;i++){
 inter:
  for(var j=0;j<10;j++){
    if(i>5){
    console.log(i); ----6，7，8，9 
     break inter;
    }
  } 
 }

這是break到內面的循環的時候，雖然暫時不會跳出，但是執行夠4次以後，還是跳出了

continue的情況

var num=0;
outer:
for(var i=0;i<10;i++){
 inter:
  for(var j=0;j<10;j++){
    if(i>5){
    console.log(i); ----6,7,8,9 
     continue outer;
    }
    num++;  
  } 
 }
 console.log(num);     --- 60

凡是i大於或者等於5的時候都會彈出繼續循環，所以，會少了四十次。

var num=0;
outer:
for(var i=0;i<10;i++){
 inter:
  for(var j=0;j<10;j++){
    if(i>5){
    console.log(i); ----6,7,8,9 
     continue inter;
    }
    num++;  
  } 
 }
 console.log(num);     --- 60

同樣的原理，循環還是會繼續執行，只是少了40次，因為限制的一直是i的值，i小於或者等於5都不會成立。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持。