三個js循環的關鍵字範例(for與while)_基礎知識
- WBOY原創
- 2016-05-16 15:15:211857瀏覽
循環的三種寫法：
<!doctype html>
<title>js循环 by 脚本之家</title>
<meta charset="utf-8"/>
<meta name="keywords" content="js循环 by 脚本之家" />
<meta name="description" content="js循环 by 脚本之家" />
</head>
<body>
//while循环
<script type="text/javascript">
i = 1;
while (i <= 6)
{
document.write("<h" + i+">脚本之家，这是标题"+i);
document.write("</h"+i+">");
i++;
}
</script>
//do_whilel循环
<script type="text/javascript">
i = 1;
do
{
document.write("<h" + i+">jb51.net ,这是标题"+i);
document.write("</h"+i+">");
i++;
}
while(i<=6);
</script>
//for循环
<script type="text/javascript">
for(i=1;i<=6;i++)
{
document.write("<h"+i+">脚本之家,这是标题"+i);
document.write("</h"+i+">");
}
</script>
</body>
</html>
不同類型的循環
JavaScript 支援不同類型的迴圈：
•for - 循環程式碼區塊一定的次數
•for/in - 循環遍歷物件的屬性
•while - 當指定的條件為 true 時循環指定的程式碼區塊
•do/while - 同樣當指定的條件為 true 時循環指定的程式碼區塊
For 循環
for 迴圈是您在希望建立迴圈時常會用到的工具。
以下是 for 迴圈的語法：
for (語句 1; 語句 2; 語句 3)
{
被執行的程式碼區塊
}
語句 1 在迴圈（程式碼區塊）開始前執行
語句 2 定義運行循環（程式碼區塊）的條件
語句 3 在循環（程式碼區塊）已被執行之後執行
實例
for (var i=0; i {
x=x + "The number is " + i + "
";
}
親自試試
從上面的例子中，您可以看到：
Statement 1 在迴圈開始之前設定變數 (var i=0)。
Statement 2 定義循環運行的條件（i 必須小於 5）。
Statement 3 在每次程式碼區塊已執行後增加一個值 (i++)。
語句 1
通常我們會使用語句 1 初始化迴圈中所使用的變數 (var i=0)。
語句 1 是可選的，也就是說不使用語句 1 也可以。
您可以在語句 1 中初始化任意（或多個）值：
實例:
for (var i=0,len=cars.length; i
document.write(cars[i] + "
");
}
同時您也可以省略語句 1（例如在迴圈開始前已經設定了值時）：
實例:
var i=2,len=cars.length;
for (; i
document.write(cars[i] + "
");
}
語句 2
通常語句 2 用來評估初始變數的條件。
語句 2 同樣是可選的。
如果語句 2 傳回 true，則循環再次開始，如果傳回 false，則循環將結束。
提示：如果您省略了語句 2，那麼您必須在迴圈內提供 break。否則循環就無法停下來。這樣有可能令瀏覽器崩潰。請在本教學稍後的章節閱讀有關 break 的內容。
語句 3
通常語句 3 會增加初始變數的值。
語句 3 也是可選的。
語句 3 有多種用法。增量可以是負數 (i--)，或更大 (i=i+15)。
語句 3 也可以省略（例如循環內部有對應的程式碼）：
實例:
var i=0,len=cars.length;
for (; i
document.write(cars[i] + "
");
i++;
}
For/In 循環
JavaScript for/in 語句循環遍歷物件的屬性：
實例
var person={fname:"John",lname:"Doe",age:25};
for (x in person)
{
txt=txt + person[x];
}
您將在有關 JavaScript 物件的章節中學到更多有關 for / in 迴圈的知識。