iT邦幫忙

2023 iThome 鐵人賽

DAY 13
0
自我挑戰組

node.js 從初學者到高手!系列 第 13

Day 13 學習node.js所需具備的超重要知識-JavaScript (7) while,for 迴圈

  • 分享至 

  • xImage
  •  

大家好,今天我會介紹JS中的迴圈(for, while loops)。迴圈這個function也是程式中不可或缺的元素,當我們希望重複做某件事情時,就可以利用for或while產生一個loop。

在JS中的loop也和C語言的編寫方式幾乎一模一樣,所以如果已經對C很熟的話,可以當作複習來看!

那首先讓我們來介紹while,我個人會將while翻譯為"當",這樣看就很容易理解了,用code來看,while(條件){條件成立則...},翻譯成白話文就是當括號中的條件成立,就會將大括號中的code運行一遍,而運行完之後,就會再回頭判斷是否符合條件,以此類推直到不滿足while中的條件才會繼續往下。一樣讓我們看個例子:

let i = 0;

while(i < 5){
	console.log(i);
	i++;
}

https://ithelp.ithome.com.tw/upload/images/20230927/20163170B1cfWQkyjM.png
可以看到,從0開始,比5小的每一個數都被印出了。

再介紹一個比較少用的關鍵字:do...while,有時可能會遇到一些情況,無論是否滿足條件,都希望可以先運行一次while中的function,這時就可以使用do...while,
直接看例子!

let i = 5;

do{
	console.log(i);
	i++;
}while(i < 5);

https://ithelp.ithome.com.tw/upload/images/20230927/20163170Mbmoe2QgCc.png
可以看到,雖然 i 並沒有小於5,但我們仍然印出了一條訊息,這就是do...while的運作。

了解了while的概念後,我們就可以來看看for的運作原理。首先讓我們回頭看看while主要的三個動作,我們首先(1)宣告了一個變數,(2)判斷是否符合條件,並且(3)每一次運作完大括號內的動作後都要再增加變數,所以,for感覺就像是把這三個動作合在一起放在一開始的括號內,所以通常for的表達都會是「for(初始化變數;條件;增加變數)」,讓我們直接看例子吧!

let str;

for(let i = 0;i < 7;i++){
	str = `這是第${i+1}條訊息。`;
	console.log(str);
}

https://ithelp.ithome.com.tw/upload/images/20230927/20163170abY7SBXOwN.png
再看看結果:

(圖片)

可以看到如預期的印出了7條訊息~

以上為今天的分享!希望能幫到大家~


上一篇
Day 12 學習node.js所需具備的超重要知識-JavaScript (6) if, else條件判斷
下一篇
Day 14 學習node.js所需具備的超重要知識-JavaScript (8) 產生函式 function
系列文
node.js 從初學者到高手!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言