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>
運行實例 ?
點擊 "運行實例" 按鈕查看在線實例