如果我們需要不斷重複進行某些工作,
該怎樣才可以在最快時間完成這些工作呢?
用迴圈敘述市最好的方式。
所謂的「迴圈」,
就是命令電腦重複執行某個工作數次,
直到我們所設定的條件滿足了為止。
比方說我們要把以下這句話寫十次:
「學習分享快樂多」。
你雖然可以把這句話抄十遍,
但如果你懂得利用迴圈幫忙,
不只抄寫十次,
抄個幾十次、
幾百次、
幾千次...
甚至於抄寫無限多的次數也都沒問題,
因為電腦不會向我們抱怨它很疲勞想要休息,
當然如果要進行的工作量太大,
超出電腦的負荷,
造成電腦當機,
那是另一回事。
本文先來學習最簡單的迴圈敘述 for,
語法如下:
<script>
for (初始變數設定;條件運算;變數增減方式)
{ // 迴圈運作開始
工作敘述一;
工作敘述二;
工作敘述三;
...;
// 在迴圈內有幾個工作,
就寫多少個敘述
} // 結束迴圈運作
</script>
別忘記寫劇本標籤哦!
且分號 (;) 代表這是依個敘述,
從上面的語法可以看出,
for 之後的小括號裡面有三個敘述,
分別是:「
壹,初始變數設定;
二,條件運算;
三,變數增減方式」。
其中的第一個敘述,
只會在迴圈開始運轉的時候被執行一次。
現在我就試著來向大家說明 for 迴圈的流程。
第一:
for 小括號內的第一個敘述,
設定一個初始變數。
這個變數定義好之後,
迴圈才會從此處開始運轉。
如果沒有開始,
哪來的結束?
這很重要。
例如:
var i = 0;
// i 這個變數定義為 0
第二:
小括號內的第二個敘述,
設定條件敘述。
一旦迴圈開始運轉,
我們便要告訴電腦,
這個迴圈在何種條件下將會一直運作,
直到該條件不符時才停止。
因此,
條件敘述在迴圈裡頭非常重要,
假如這樣的條件一直都存在著,
此迴圈將一直轉一直轉,
轉到世界末日還在轉
||這是我瞎掰的,
要一直轉到電腦當機,
或者強制關機才會停止。
迴圈裡頭的條件敘述寫法如:
i <= 10;
// 當 i 小於等於 10 的時候,
迴圈將會一直運作,
直到 i 並非小魚等於 10 才會停止。
第三:
小括號內的第三個敘述,
變數增減方式。
前面講過,
小括號內條件敘述存在時迴圈才會一直運賺,
也就是說,
要讓迴圈停止運轉,
就必須想辦法讓這個條件敘述的結果不成立才行,
否則要事迴圈一直轉個不停,
勢必無法繼續進行接下來的程序了。
如何才能讓剛才所設定的條件敘述部成立呢?
換句話說,
如何才能讓迴圈停止運作呢?
for 小括號裡的第三個敘述是另依個關鍵,
以設定變數的增減方式,
來讓迴圈每轉一圈,
就改變定義變數初始設定的值,
一直到變數的值超出了條件語句所定義的預設值
變數的值便不再符合條件敘述,
而迴圈也就能夠停止。
我們大部分都會利用遞增 (++) (加加)
或者遞減 (--) (減減)
這兩種運算子來改變第一個敘述的變數設定值,
一直增減到條件不再成立之後,
迴圈就會停止。
例如:
i++
// 每次轉一圈 i 就會加一
或者
i--
// 每次轉一圈 i 就會減一
(注意
「加加 (++)」
代表 加一;
「減減 (--)」
代表 減一;)
第四:
執行工作程序。
從上面的解說,
我們便可以把迴圈敘述的運行方式寫下來了:
for (var i = 0;i <= 10;i++)
這意思是說:
迴圈敘述
(i 的初值設定為 0;
i 小魚等於 10 的時候該迴圈都將一直運作;
迴圈每轉一圈 i 就會加 1)。
前面三個部份可以說是設定迴圈運作的方式:
「從什麼時候運轉,到什麼時候結束」,
此運作方式設定好後就要開始正式工作了,
也就是說:
「在開始與結束之間,
我們可以做哪些事情呢?」
剛才說過,
如果要重複進行某些工作,
利用迴圈來完成,
它的效率是最高的。
迴圈敘述的下一行,
左大括號跟右大括號之間的程式敘述,
就是電腦要做的工作敘述,
如果工作敘述只有一條,
可以省略大括號不寫。
請問大家一個問題,
要把
「學習分享快樂多」
這句話丟到螢幕上,
可以用哪個指令呢?
沒錯,
就是
document.write(),
因此劇本的指令用法就是:
document.write("「學習分享快樂多」")。
我們今天要用迴圈來把這句話秀在螢幕上,
而且還要寫十遍。
請仔細閱讀下面的程式碼內容,
並且你也可以自己試著修改,
把迴圈次數改成更多個輪迴,
或者也可以把顯示的內容改成你想要呈現的內容,
而這些程式碼也可以放到你的文章裡,
讓你的文章更活潑有趣。
撰寫這篇文章的同時,
突然聽說有位不曾謀面的好友,
正在醫院接受人生另一場殘酷的聖戰,
坦白說我心裡實在很替他擔心,
雖然我們的相識來自於偶然,
只因網路的超連結,
把我們從宇宙的兩個角落聯繫在一起,
成為虛擬世界的摯友,
於是我想利用下面的程式,
表達我最真摯的祝福與期望,
因為我們還有許多夢要做,
希望他趕快回復自由,
繼續完成我們未來的夢。
[code]
[/code]
執行