iT邦幫忙

2021 iThome 鐵人賽

DAY 19
0
Modern Web

JS進入新手村,我好害怕系列 第 19

Day19:終於要進去新手村了-javascript-迴圈-break、continue

  • 分享至 

  • twitterImage
  •  

迴圈的概念是滿足設定的條件後一直執行設定好的程式碼,但是還是有方式可以讓迴圈強制跳出整個迴圈或是跳出當次的迴圈,就是使用break以及continue語法,我們下面就來舉例一下,

break是用來強制跳出整個迴圈,我會在舉例中加上if判斷式,範例如下:

var n = 0;
while (n <= 100) {
  if (n == 20) {
    break;
  }
  n++;
}
alert(n);

上方程式可以解釋為,當n符合條件時,會執行n++,也就是n+1,一開始因為不符合if內n==20的條件,所以迴圈會繼續執行,到了n資料內為20的時候,這時候符合if判斷式,所以執行break強制跳出整個迴圈,並且執行下一行alert(n),這時候會跳出20。

continue則是用來跳過當次迴圈,強制進行下一次的迴圈,範例如下:

var x = 0;
for (var n = 1; n <= 100; n++) {
  if (n % 2 == 0) {     //n % 2 == 0的意思是n/2的餘數=0
    continue;
  }
x++;
}
alert(x);

上方的例子可以用來判別在1~100之中,奇數的數字有多少,因為偶數可以用2除盡,所以我們將判斷式加入了,如果資料數字是可以被2整除的,就執行contiune強制跳出這次迴圈,因為100內的偶數有50個,所以真正跑完這個迴圈的只有奇數的部分,最後整個執行到不符合n <= 100的時候跳出整個迴圈,執行alert,答案會顯示為50,也就是1~100內,有50個奇數。

參考來源:
https://www.itread01.com/p/1001077.html
https://codertw.com/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC/261110/
https://www.youtube.com/watch?v=uvLMIXuuc-8


上一篇
Day18:終於要進去新手村了-Javascript-迴圈-for
下一篇
Day20:終於要進去新手村了-Javascript-函式-建立函式
系列文
JS進入新手村,我好害怕30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言