前言

這兩天來認識一下兩種迴圈的使用方法- for & while

for loop

for 主要是使用於有明確執行次數的迴圈，很常運用於像是需要運用迴圈檢查資料、取出特定資料或針對某個情況進行加總等等。例如當我想輸出1-10的數字時，即可以運用 for 來跑出1-10的數字

for (let x = 1; x <= 10; x++) {
	console.log(`輸出: ${x}`)
}

// 程式會陸續分段輸出 輸出: 1、輸出: 2...一直到輸出: 10結束

將這段程式碼分解開來看：

1. let x = 1 → 宣告變數x初始條件，表示這個迴圈將從x是1開始進行運作
2. x <= 10 → 迴圈判斷的條件，假如x沒有大於10迴圈便會一直重複執行
3. x++ → 代表如果x沒有大於10的話，每執行一次迴圈x就會進行+1的動作

用一段話來解釋就是在迴圈內宣告一個變數x，當x小於等於10的時候輸出x並進行x+1，當x大於10時便不會再進入迴圈。

只存在迴圈中的變數

由上面例子可以看到有在迴圈中宣告一個變數，但這個變數是只會存在於迴圈裡面，假如脫離了迴圈輸出該變數的話，會發現程式回報錯誤，指出該變數並沒有被定義。所以在使用迴圈時，需要特別注意變安排的位置，若是放置於不正確的位置，很有可能會得到非預期的結果或產生錯誤。

for (let x = 1; x <= 10; x++) {
	console.log(`輸出: ${x}`)
}

console.log(x)  // ReferenceError: x is not defined