第一週 - for 和 while 迴圈


大家好 ! 我叫Ava,剛學了3個星期的 JavaScript,這是第一次寫技術部落格,透過寫部落格把吸收的知識,能完整的輸出,避免「好像懂了,但其實不懂」的狀況,如果有任何需要改善或指導的意見,歡迎大家提出,我會虛心接受的。

今天介紹的是 JavaScript 裡的 for 迴圈和 while 迴圈 ; 當你需要電腦重複執行同樣的動作時,就可以使用 for 或 while 的語法

  • for : 知道執行次數
  • while : 不知道執行次數,ex.如果每年存 1000 元,利率 5 %,要幾年才能存到 15000 元,就可以用 while

while 迴圈

let i = 1
while (i <= 10) {
  console.log(`第 ${i} 次`)
  i++
}


let i = 1 : 在外層(全域 global)宣告變數
() : 在()裡定義條件,只要 i <= 10 ,條件為 true ,就會一直執行下去
{} : {}裡設定要重複執行的動作
i++ : 每執行一次迴圈,變數 i 就加 1

還有一個要注意的事,只要 while (),條件裡寫 true 或是寫 1 < 10,因為條件一直都是 true ,所以會變成「無窮迴圈」,電腦會無限執行下去,最後的結果可能會當機

for 迴圈

for (let i = 1; i <= 10; i++) {
  console.log(`第 ${i} 次`)
}


let i = 1 : 在內層(區域 local)宣告變數
() : 在()裡定義條件,只要 i <= 10 ,條件為 true ,就會一直執行下去
{} : {}裡設定要重複執行的動作
i++ : 每執行一次迴圈,變數 i 就加 1

要注意的是,for 迴圈裡的 i 值只存在 for{} 裡,如果 i 寫在外層,
會顯示 ReferenceError: i is not defined,表示 i 沒有被定義

break 跳脫迴圈

如果希望迴圈強制停止,可以在 while 或 for 迴圈裡加
if (i === 3) {
break
}
i === 3 : 只要 i 完全等於 3 ,迴圈就停止

while

for

#筆記






你可能感興趣的文章

[HTML BTS] 冒泡? 捕捉?Capturing & Bubbling in DOM Event

[HTML BTS] 冒泡? 捕捉?Capturing & Bubbling in DOM Event

JavaScript陣列&物件

JavaScript陣列&物件

[JS Behind The Scene] 從 for loop 理解 scope 和 event loop 的運作機制

[JS Behind The Scene] 從 for loop 理解 scope 和 event loop 的運作機制






留言討論