JavaScript ??? ?? ???
/ JavaScript while 循環(huán)
JavaScript while 循環(huán)
只要指定條件為 true，循環(huán)就可以一直執(zhí)行代碼塊。
while 循環(huán)
while 循環(huán)會在指定條件為真時循環(huán)執(zhí)行代碼塊。
語法
while (條件)
{
需要執(zhí)行的代碼
}
{
需要執(zhí)行的代碼
}
實例
本例中的循環(huán)將繼續(xù)運行，只要變量 i 小于 5：
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p>點擊下面的按鈕，只要 i 小于 5 就一直循環(huán)代碼塊。</p>
<button onclick="myFunction()">點擊這里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="",i=0;
while (i<5){
x=x + "該數(shù)字為 " + i + "<br>";
i++;
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
 | 如果您忘記增加條件中所用變量的值，該循環(huán)永遠不會結束。這可能導致瀏覽器崩潰。 |
|---|
do/while 循環(huán)
do/while 循環(huán)是 while 循環(huán)的變體。該循環(huán)會在檢查條件是否為真之前執(zhí)行一次代碼塊，然后如果條件為真的話，就會重復這個循環(huán)。
語法
do
{
需要執(zhí)行的代碼
}
while (條件);
{
需要執(zhí)行的代碼
}
while (條件);
實例
下面的例子使用 do/while 循環(huán)。該循環(huán)至少會執(zhí)行一次，即使條件為 false 它也會執(zhí)行一次，因為代碼塊會在條件被測試前執(zhí)行：
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p>點擊下面的按鈕，只要 i 小于 5 就一直循環(huán)代碼塊。</p>
<button onclick="myFunction()">點擊這里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="",i=0;
do{
x=x + "該數(shù)字為 " + i + "<br>";
i++;
}
while (i<5)
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
別忘記增加條件中所用變量的值，否則循環(huán)永遠不會結束！
比較 for 和 while
如果您已經(jīng)閱讀了前面那一章關于 for 循環(huán)的內(nèi)容，您會發(fā)現(xiàn) while 循環(huán)與 for 循環(huán)很像。
本例中的循環(huán)使用 for 循環(huán)來顯示 cars 數(shù)組中的所有值：
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
for (;cars[i];){
document.write(cars[i] + "<br>");
i++;
}
</script>
</body>
</html>運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
本例中的循環(huán)使用 while 循環(huán)來顯示 cars 數(shù)組中的所有值：
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i]){
document.write(cars[i] + "<br>");
i++;
}
</script>
</body>
</html>運行實例 ?
點擊 "運行實例" 按鈕查看在線實例