溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關JavaScript如何使用While實現循環語句的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
While 循環
只要指定條件為 true，循環就可以一直執行代碼。
<!DOCTYPE html>
<html>
<body>
<p>點擊下面的按鈕，只要 i 小于 5 就一直循環代碼塊。</p>
<button onclick="myFunction()">點擊這里</button>
<p id="demo"></p>
<script>
function myFunction() {
var x="",i=0;
while (i<5) {
x=x + "The number is " + i + "<br>";
i++;
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>注釋：While 循環會在指定條件為真時循環執行代碼塊。本例中只要變量 i 小于 5，循環將繼續。
提示：如果您忘記增加條件中所用變量的值，該循環永遠不會結束。該可能導致瀏覽器崩潰。
do/while 循環
do/while 循環是 while 循環的變體。
該循環會執行一次代碼塊，然后再檢查條件是否為真，如果條件為真的話，就會重復這個循環。
使用 do/while 循環，循環至少會執行一次，即使條件是 false，代碼塊會在條件被測試前執行：
<!DOCTYPE html>
<html>
<body>
<p>點擊下面的按鈕，只要 i 小于 5 就一直循環代碼塊。</p>
<button onclick="myFunction()">點擊這里</button>
<p id="demo"></p>
<script>
function myFunction() {
var x="",i=0;
do {
x=x + "The number is " + i + "<br>";
i++;
}
while (i<5)
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>提示：別忘記增加條件中所用變量的值，否則循環永遠不會結束！
比較 for 和 while
如果您已經閱讀了前面那一章關于 for 循環的內容，您會發現 while 循環與 for 循環很像。
for 語句實例
本例中的循環使用 for 循環來顯示 cars 數組中的所有值：
<!DOCTYPE html>
<html>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
for (;cars[i];) {
document.write(cars[i] + "<br>");
i++;
}
</script>
</body>
</html>while 語句實例
本例中的循環使用使用 while 循環來顯示 cars 數組中的所有值：
<!DOCTYPE html>
<html>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i]) {
document.write(cars[i] + "<br>");
i++;
}
</script>
</body>
</html>感謝各位的閱讀！關于“JavaScript如何使用While實現循環語句”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
