【JavaScript萌新筆記】迴圈for & while loop，當...就...的句型－文科少女學程式

拖了好多天，來還債了(誤)
這部分一樣是電腦語言翻譯學堂
也是一個非常常用的句型喔~
但是跟條件句型相比，稍微有一滴點點點複雜，
不過因為是基本句型，還是得讀透學熟。

迴圈用法的中文翻譯

翻譯成中文就是「當...就...」
但是電腦只看得懂英文，所以就必須用"while"或"for"來跟電腦溝通。
實際上寫到程式中的內容就會是以下兩種組成。

第一種

while(條件){

就執行這部分的內容

}
我們先來預設一個情境，手上有100元，每買一顆蘋果，需要花20元，
讓我們來計算一下可以買幾顆蘋果。

實際範例
while (money > 0) {
money -= appleCost

buyApple ++
}

用白話文說明的話，這個部分會變成~
當手中的錢錢還有剩的話，就買一顆蘋果，
當買一顆蘋果，手中就多一顆蘋果，
一直買到手中的錢變成0元，就停止購買。

第二種
for(宣告變數 ; 條件 ; 迭代變化){
就執行這部分的內容
}

雖然for和while的中文解釋一樣，但實際上使用的情境就會有點不一樣，
while則會使用在次數有限制的情境下。
在()中的條件內容會被三個部分，並且用";"把三個部分分開。
第一個部分是宣告變數，可以想成宣告次數，例如從0開始計算。
第二個部分是設定條件，可以想成限定會進行幾次。

第三個部分是設定迭代變化，可以想成當條件符合的話，進行執行內容後，次數會有什麼樣的改變。

大概了解什麼是什麼樣用法後，再來看一個假設情境吧！
一樣是買蘋果的故事～
但這次我們不要把100元花光，我們限定購買三次就好，
然後來看看手中會剩下多少元。

實際範例

for (let buyApple = 1 ; buyApple <= 3; buyApple ++) {
money -= appleCost
}

用白話文說明的話，這個部分會是以下這樣。
當購買次數達3次，就停止買蘋果，如果未達3次，就繼續買，
買到次數達3次。
當買一顆蘋果時，手中的錢錢就會被扣20元。

程式進行時的流程

while迴圈

while(條件){執行內容}

當程式在跑的時候會從條件開始檢查，如果符合while()內的條件，
那就會跑第一個while()後面{}內的執行內容，跑完執行內容後，
還會自動返回到while()再次檢查是否符合條件，
如果符合條件就會執行內容，不符合則會則會結束這個while迴圈。

for迴圈
for(宣告變數(1) ; 條件(2) ; 迭代變化(4)){執行內容(3)}

當程式在跑的時候會從宣告變數開始進行，接著才開始檢查條件是否符合，
如果符合條件，就會開始跑{}內的執行內容，執行完內容後，
會進一步進行迭代變化，這邊會變化是改變變數的部分，
進行迭代變化後，會再回到條件檢查，再來若有符合條件，就會進行執行內容，
再進行一次迭代變化，以此類推...；若條件不符合，則會結束這個for迴圈。

在(1)宣告變數的部分只會跑一次，後面會不斷反覆跑動的是(2)、(3)、(4)。
若重複跑動到(2)時，發現條件不符合，才會結束繼續跑動(3)和(4)的步驟。