for 寫法

Posted on In

這一篇會仔細說明「for 迴圈」的寫法

JS:

1
2
3
4
// 初始狀態; 條件; 更新內容
for(var i = 0; i < 3; i++){
    console.log(i);
}

[for寫法說明]

🎃 「小括號()」裡面寫「條件」–> 如果「條件成立（true）」，就會執行「大括號{}」裡面的程式碼

🎃 「小括號()」裡面，要寫三個東西（用“分號”區隔開來）：

🍋 先寫「初始狀態」： var i = 0;

🍋 再寫「條件」： i < 3;

🍋 最後寫「更新內容」： i++ 代表「每執行過一次迴圈，i就+ 1」

😎 這個範例中，for迴圈會「跑三次」，流程說明如下：

🎃 跑第一次「console.log(0);」

🍋 「小括號()」裡面，「初始狀態 i = 0」會去比對「條件 i < 3」，因為「有符合條件（true）」–> 因此，就會用「初始狀態 i = 0」去跑第一次「大括號{}」裡面的程式碼console.log(0);

🎃 跑第二次「console.log(1);」

跑完第一次後，for迴圈會再「回頭看一次小括號」：

🍋 首先，會先「更新內容」–> 執行「i++」

  • i = 0，那麼「i++」就是「i = 1」

🍋 接著，會去「比對條件」–> 用「i = 1」去比對「條件 i < 3」，因為「有符合條件（true）」–> 因此，就會用「i = 1」去跑第二次「大括號{}」裡面的程式碼console.log(1);

🎃 跑第三次「console.log(2);」

跑完第二次後，for迴圈會再「回頭看一次小括號」：

🍋 首先，會先「更新內容」–> 執行「i++」

  • i = 1，那麼「i++」就是「i = 2」

🍋 接著，會去「比對條件」–> 用「i = 2」去比對「條件 i < 3」，因為「有符合條件（true）」–> 因此，就會用「i = 2」去跑第三次「大括號{}」裡面的程式碼console.log(2);

❌ 不會跑第四次「console.log(3);」，停止了這個for迴圈

跑完第三次後，for迴圈會再「回頭看一次小括號」：

🍋 首先，會先「更新內容」–> 執行「i++」

  • i = 2，那麼「i++」就是「i = 3」

🍋 接著，會去「比對條件」–> 用「i = 3」去比對「條件 i < 3」，因為「沒有符合條件（false）」–> 因此，就不會去跑「大括號{}」裡面的程式碼console.log(i);

在 Console 跑出來的結果就會是：「0, 1, 2」

數字相乘

JS:

1
2
3
4
// 初始狀態; 條件; 更新內容
for(var i = 0; i < 10; i++){
    console.log(i*i);
}

加上字串

JS:

1
2
3
4
// 初始狀態; 條件; 更新內容
for(var i = 0; i < 10; i++){
    console.log(i+'*'+i+'='+ i*i);
}