JavaScript for ...LOGIN

JavaScript for 迴圈

JavaScript for 迴圈

迴圈可以將程式碼區塊執行指定的次數。

JavaScript 循環

如果您希望一遍又一遍地運行相同的程式碼,並且每次的值都不同,那麼使用循環是很方便的。

我們可以這樣輸出陣列的值:

一般寫法:

document.write(cars[0] + "
"); 
#document. write(cars[1] + "
"); 
document.write(cars[2] + "
"); 
document.write(cars[3] + "
" ); 
document.write(cars[4] + "
"); 
document.write(cars[5] + "
");

#不同類型的循環

JavaScript 支援不同類型的迴圈:

for - 循環程式碼區塊一定的次數

for/in - 循環遍歷物件的屬性

while - 當指定的條件為true 時循環指定的程式碼區塊

do/while - 同樣當指定的條件為true 時循環指定的程式碼區塊

For 迴圈

for 迴圈是您在希望建立迴圈時常會用到的工具。

下面是for 迴圈的語法:

##for (語句1; 語句2; 語句3)

  {
  執行的程式碼區塊
  }

語句1 (程式碼區塊)開始前執行starts.

語句2 定義執行迴圈(程式碼區塊)的條件

語句3 在迴圈(程式碼區塊)已執行之後執行

点击按钮循环代码5次。点击这里function myFunction(){
    var x="";
    for (var i=0;i";
    }
    document.getElementById("demo").innerHTML=x;
}
下一節
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p>点击下面的按钮,循环遍历对象 "person" 的属性。</p> <button onclick="myFunction()">点击这里</button> <p id="demo"></p> <script> function myFunction(){ var x; var txt=""; var person={fname:"Bill",lname:"Gates",age:56}; for (x in person){ txt=txt + person[x]; } document.getElementById("demo").innerHTML=txt; } </script> </body> </html>
章節課件