大家好,今天我會介紹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++;
}
可以看到,從0開始,比5小的每一個數都被印出了。
再介紹一個比較少用的關鍵字:do...while,有時可能會遇到一些情況,無論是否滿足條件,都希望可以先運行一次while中的function,這時就可以使用do...while,
直接看例子!
let i = 5;
do{
console.log(i);
i++;
}while(i < 5);
可以看到,雖然 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);
}
再看看結果:
(圖片)
可以看到如預期的印出了7條訊息~
以上為今天的分享!希望能幫到大家~