技術筆記

型別講完後，想到了一個天真如我在當初學了之後愛上的迴圈XD什麼都想套用， 藉由筆記複習一下後，在這裡用最簡單的方式呈現給大家。

迴圈Loop

用途

重複執行程式碼，避免同樣的程式碼重複的情況

基本兩種迴圈

• for 有明確次數時使用

for(起始值; 終止條件 ; 迭代變化) {
執行程式
}

example 印出1~5
for (let i = 1; i <= 5; i++) {
  console.log(i);
}

// 結果:
// 0
// 1
// 2
// 3
// 4
// 5

//起始值： let i = 1，設定變數i的初始值，進入循環時執行一次
//終止條件：i <= 5，在每次迭代循環前檢查條件是否符合，如結果為false則停止
//迭代變化：i++，在每次迭代循環後執行 i = i + 1，也寫做 i += 1

//需要注意的地方：
//我常常都把括號裡面的分號寫成逗號
//然後不知道自己錯在哪...耍笨到極點
//但可能是我自己的問題XD

• while 以條件判斷控制執行次數，只要條件成立就會持續執行

while(執行條件){
 執行程式
}

//example  同樣印出1~5

let i = 1
while(i <= 5){
console.log(i)
i++
}

// 結果:
// 0
// 1
// 2
// 3
// 4
// 5

跳出迴圈：break

通常迴圈都會附上終止條件，以防止產生無限迴圈，但還有另一種方式可以藉由把break標籤寫在執行函式中跳出

• 通常跟if條件式合在一起用

//example
for (let i = 1; i < 10; i ++) {
  if (i === 7) {
    break;
  }
  console.log(i);
}

// 結果:
// 0
// 1
// 2
// 3
// 4
// 5
// 6

心得

記得那時剛學著用時，用得很開心，很愛把它弄成計算機功能，以為自己很厲害這樣XD會有一種寫code這麼好玩的錯覺，然後走上不歸路，才發現要學的東西多到傻眼，每天都在挑戰自己的腦容量，一天的結束頭昏腦脹是常有的事！之後也才發現厲害的人都盡量避免用迴圈。

參考資料

• JavaScript Loops Explained: For Loop, While Loop, Do...while Loop, and More
• [第四週] JavaScript —迴圈（Loop）while、for

童言童語

努力看完天書後，來點輕鬆的吧！分享我兒子的童言童語，調劑身心一下

5歲樂咖+2歲嗨啾 = 我的神奇寶貝 皮咖啾

2023/04/29
啾啾愣愣站在落地窗邊看阿公澆花
轉頭問我：
阿公為什麼洗我的花？