iT邦幫忙

2021 iThome 鐵人賽

DAY 8
0
Modern Web

想試試寫程式的感覺,就用 JavaScript 來寫寫看網頁吧系列 第 8

[想試試看JavaScript ] 流程控制 迴圈

流程控制

迴圈

當希望程式自動重複做事時,我們可以使用迴圈來處理

console.log(1)
console.log(2)
console.log(3)
console.log(4)
console.log(5)
console.log(6)
console.log(7)
console.log(8)
console.log(9)
console.log(10)

例如我想重複印出 10 次,就是和使用迴圈

while

while 迴圈的語法如下
while(判斷){
判斷結果如果是正確 (true),就執行大括號區塊中的程式碼

程式碼執行完畢,回到上方while的位置做第二次流程判斷
值到判斷結果是錯誤的 (false),才跳脫整個迴圈

}
例如

while(true){
    console.log("1");
}

這樣就是一個迴圈
while 後面的判斷是 true 就會執行大括弧中的程式碼

不過這樣的迴圈,是無盡迴圈因為每次執行完大括弧中的程式碼,就會回到上方 while 的位置做第二次流程判斷。
而判斷結果又是 true 又執行大括弧的程式碼。
會一直無窮輪迴下去,程式可能會當掉。

所以假設我們希望他重複跑個10次,會這樣寫

var n=0;   // 建立變數 n 指定 0 作為值
while(n<10){
    console.log("1");
    n++;  // 每跑一次迴圈 n 就 +1
}

我們也可以稍微改一下程式,就可以讓迴圈每執行一次就印出一個數字。

var n=0;
while(n<10){
    n++;
    console.log("跑了第"+n+"次迴圈");
}

就可以印出

// 跑了第1次迴圈
// 跑了第2次迴圈
// 跑了第3次迴圈
// 跑了第4次迴圈
// 跑了第5次迴圈
// 跑了第6次迴圈
// 跑了第7次迴圈
// 跑了第8次迴圈
// 跑了第9次迴圈
// 跑了第10次迴圈

上一篇
[想試試看JavaScript ] 流程控制 if...else
下一篇
[想試試看JavaScript ] for迴圈
系列文
想試試寫程式的感覺,就用 JavaScript 來寫寫看網頁吧30

尚未有邦友留言

立即登入留言