我們再次相遇.
上一期文章中,我們提到 While 迴圈,這次我們要講的是 For
迴圈。
編寫一個迴圈程式碼 For
迴圈相對來講比 While
迴圈的編寫步驟還要少,只須創建一個變數,
當條件為真時一直循環,並且在每輪循環的末尾修改變數。當編寫一個For
迴圈時,要創建一個變
數,然後指明在每輪循環之後如何修這個變數。例如:用For
迴圈數天上的星星。看我操作:
var CountingStar = 0;
for (var CountingStar = 0; CountingStar < 20; CountingStar++) {
console.log("天上有" + CountingStar + "顆星星");
}
console.log("哇哇有20顆星星耶");
這是控制台打印出來的東西:
"天上有0顆星星"
"天上有1顆星星"
"天上有2顆星星"
"天上有3顆星星"
"天上有4顆星星"
"天上有5顆星星"
"天上有6顆星星"
"天上有7顆星星"
"天上有8顆星星"
"天上有9顆星星"
"天上有10顆星星"
...
"哇哇有20顆星星耶"
上例程式碼展示了For迴圈用分號隔開的地方,分別是:初始化( setup )、條件( condition )、自增( increment )。
循環前要先進行初始化。通常會創建一個變數,來紀錄循環運行的次數,所以我們在這裡了創建了一個變數。如果要執行循環,得先讓條件條件為真才行;每一輪的循環,控制台都會再次檢查條件是否為真,直到條件為假時才會停下來,跟While
迴圈是一樣的概念,只是For
迴圈對 JavaScript 的初學者來說,比較難而已。
↓初始化 ↓條件 ↓自增
for (setup; condition; increment) {
console.log("看我幹麻?看文章!!");
}
每一輪執行完主體時,都會執行自增,全名:自我增加,這是專門用來更新變數數字的部份。每一次循環,就為變數加1。
學生時期的你,偶爾會不小心做錯事、忘了寫作業等糗事,老師要你抄"我會好好反省" 500 遍:(雖然我是都沒遇過啦哈:)但是我相信在座的各位,一定有人被老師罰寫,回歸正題,你又懶得抄寫 500 遍,但是你為啥不叫電腦幫你寫呢?
var 罰寫 = 500;
for (var i = 0; i < 罰寫; i++) {
console.log("我會好好反省");
}
輸出如下:
"我會好好反省"*500
看,這樣不就寫好了,所以說學寫程式還是好處多多:)
今天我們學了另一種迴圈,讓編程更快速,下一章我們會講這種迴圈的應用,沒問題的話那我們就下課嘍!