iT邦幫忙

2021 iThome 鐵人賽

DAY 10
0
Modern Web

從零開始的JS學習之路系列 第 10

[Day10] 迴圈練習

do while 與 while 的分別

  • do while
    先執行迴圈內的循環,再進行檢查,判斷為 true 才會繼續進行,false 則停止。
  • while
    先進行檢查,若判斷為 true 才會進行迴圈內的循環,false 則停止。

題目:分別用 do while 與 while,印出 1-10。

// do while 寫法
var b = 1;
do {
  console.log(b);
  b++;
} while (b <= 10);

// while 寫法
var c = 1;
while (c <= 10) {
  console.log(c);
  c++;
}

// for 寫法
for (let d = 1; d <= 10; d++) {
  console.log(d);
}

上面結果都回傳同樣結果,而實作起來 do while(11次) 會比 while(10次) 多做一次迴圈循環,依照需要情境去選擇哪一種寫法。

break 練習

題目 1~10 遇到 7 停下來

// do while 寫法
let i = 1;
do {
  if (i === 7) {
    break;
  }
  console.log(i);
  i++;
} while (i < 10);

// while 寫法
let i = 1;
while (i < 10) {
  if (i === 7) {
    break;
  }
  console.log(i);
  i++;
}

// for 寫法
for (let i = 1; i < 10; i++) {
  if (i === 7) {
    break;
  }
  console.log(i);
}

在寫的時候遇到條件寫錯的狀況造成無限迴圈,一開始是在 Chrome 上用 DevTools 寫,發現按重新整理也沒用必須把網頁關掉,而 VS code(node 環境)用 control+c 可以馬上停止,設條件真的很重要啊!


上一篇
[Day09] while、for 迴圈
下一篇
[Day11] 函式 function
系列文
從零開始的JS學習之路30

尚未有邦友留言

立即登入留言