從頭開始的Javascript 入門 -迴圈 day6

迴圈會檢測條件，如果回傳為true，便會運行程式碼區塊，接著條件將會被再度檢測，他如果回傳值依樣會true，程式碼區塊將再度運行。會重複檢測，直到條出為false 以下為三種常見類型

• for
• while
• Do while
  1.for
  如果需要指定 運行程式碼 次數 需使用For迴圈，通常以計數器做為條件，已決定迴圈要進行的次數
  2.while
  當你並不知道程式碼必須運行的次數，就可以使用while，在這狀況下，條件不具有計數器功能，但只要條件回傳值為true，回圈便會持續進行。
  3.do while
  do...while迴圈和while 非常相似，但是最主要的不同就式：他會運行大括號的程式敘述句至少一次，即使條件評估為false

for(var i =0; i<10 ;i++){ 
  document.write(i); //迴圈中須執行的程式敘述 
}

(var i =0; i<10 ;i++)// 計數器

var names = ["ken","harry","Jacjy","tom"];

for(var i=0;i<=names.length-1;i++){
   console.log(names[i]);
}

for(var i = names.length-1;i>=0;i--){
    console.log(names[i]);
}//從最尾端開始計算

for 迴圈 使用計數器為條件，可以指引程式碼運行特定的次數，
在此你可以看到這條件是由三個敘述句組成的

初始化

var i =0;
建立一個變數為零，通常變數命名為i，將她用計數器功能。

條件

迴圈持續執行，直到計數器達到指定次數。

i<10;

條件可能也會使用變數，且該變數，儲存一個數值。如果有一個名稱為round 的變數，此變數保存著測驗的次數，且每次回圈運行一次就執行一次測驗，那麼條件如下：

更新

每次迴圈執行完大括號的敘述，都會於計數器上增加一次計數

i++

迴圈與陣列

當我們想把陣列裡面的項目輸出至頁面，可以用迴圈檢視陣列項目的總量，而這數值就可以提供計數器來控制敘述句的執行次數

var scores =[24,32,17];
var arrayLength = scores.length;
var roundＮumber = 0;
var msg = '';
var i ;

for(i=0;i<arrayLength;i++){

roundＮumber =(i+1);
msg += 'round' + roundＮumber +':' ;
msg +=  scroes[i]+'<br/>';
}

docuemnt.getElementbyId('answer').innerHTML = msg;

while 迴圈

var i =1; 
var msg ='';//文字訊息
// 變數中 儲存 5倍數的資料表
while(i<10){
  msg += i + 'x5' = '+(i*5)+'</br>';
  i++ ;
}

do while 迴圈

var i =1; 
var msg ='';//文字訊息
// 變數中 儲存 5倍數的資料表
do{
  msg += i + 'x5' = '+(i*5)+'</br>';
  i++ ;
}while(i <1 );