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