2013年12月4日 星期三

JavaScript-11 迴圈的控制

接下來讓我們進入Js的迴圈控制部份。
迴圈是一種流程的控制,我們可以指定值或是設定條件來讓程式碼執行的順序不同,執行的位置不同,甚至是滿足某種條件之後才去執行。

以下是我們常見的
1. for ( ) { }
2. for / in
3. while
4. do while

---------------------------------------------------
1. for ( ) { }

<script>
     var i ;  //宣告變數i
     var sum = 0; //宣告變數sum初值為0
     for(i = 1; i<=5; i++) // i 初值為 1 , i 不大於5 , i ++為遞增每次加1
          {
              document.write(i+<br/>); //顯示i 每次的值並且換行
              sum = sum + i ; // sum的值都會加上i 的值並且累加
          }
              document.write("總和為"+sum); ////在迴圈之外並輸出sum 的值
</script>
------------------------------------------------------
以上Js顯示內容為
1
2
3
4
5
總和為15
----------------------------------------------
我們分開三段來看:

1. for ( ) 內部:使用三個分號 ";" 來區分

  •  i = 1 就是迴圈的初始值 
  •  i <= 5 就是說 我們迴圈 i 最多執行5次
  •  i ++ 的語法之前有提過就是遞增每次會加1

2. for ( ) { } 大括號內部:裡頭執行的就是迴圈的內容,所以我們顯示了 i 每進行迴圈一次的值
    還有將 i 做一個累加總和的動作給sum
3. 迴圈之外:輸出我們總和的值

大家可以把for迴圈內的值任意變換來看看結果,不過請注意的是條件別設成無窮迴圈了
也就是不要設成這樣(隨意給個例子)
 for (var i = 1 ; i <=2 ; i--)
這樣大家依照邏輯來看就知道是無限的跑迴圈~所以請各位注意囉~

沒有留言:

張貼留言