JavaScript中while循環的基礎使用教程
前言
在 JavaScript 語言中，當我們使用 while 循環時，只要指定條件為 true，循環就可以一直執行。
并且只要條件一直滿足，就可以實現一個無限循環，例如：
while(true){console.log('1');}
執行這個循環，就會無止境的輸出1。
while 語法及其使用
語法如下所示：
while (condition) {// 要執行的代碼塊}
condition 是循環的條件，只有當循環條件成立時，才會執行花括號 {} 中的代碼，如果條件不成立則不會執行代碼。
示例：
使用 while 循環輸出小于 10 的所有整數：
<!DOCTYPE html><html><head><meta charset='utf-8'><title>JS_俠課島(9xkd.com)</title></head><body><div><p id='while'></p></div><script>var number = '';var i = 0;while (i < 10) {number += '<br>第 '+i+' 個數';i++;}document.getElementById('while').innerHTML = number;</script></body> </html>
在瀏覽器中打開：
在上述代碼中，因為我們目標是輸出“小于 10 的所有整數”，所以這其實不包括10 ，而是從 0 - 9 之間的整數。這樣的話我們可以聲明初始變量 i 為 0 ，表示從 0 開始輸出，然后循環條件為 i < 10 ，只要滿足這個條件，循環就會一直執行。然后在代碼塊中加上一句 i++; ，表示每次循環 初始變量值都會加1，一直加到 9 。
do/while 循環的使用
do/while 循環是 while 循環的變體，它與 while 循環的不同在于，在檢查條件是否為真之前，該循環將會執行一次代碼塊，然后只要條件為真，它就將重復該循環。也就是說，不論如何 do/while 循環都會至少執行一次。
語法：
do{// 要執行的代碼塊}while(condition);
示例：
通過 do/while 循環以遞減方式，循環輸出1-10以內的數字：
<!DOCTYPE html><html><head><meta charset='utf-8'><title>JS_俠課島(9xkd.com)</title></head><body><div><p id='dowhile'></p></div><script>var dow = ''var i = 10;do {dow += '<br><br>第 ' +i+ ' 個數';i--;}while (i > 0); document.getElementById('dowhile').innerHTML = dow;</script></body> </html>
在瀏覽器中打開：
因為我們要實現的是遞減輸出1-10以內的數字，就是 10、9、8、7、6、5、4、3、2、1 ，那么初始化變量肯定是從10開始，然后循環條件為 i > 0 ，或者 i >= 1 也一樣。在代碼塊中加上 i-- ，每循環一次，初始條件變量將減去一，一直減到大于0為止。
再強調一次， do/while 與 while 循環的不同之處在于：它會先執行一次循環中的語句，然后再判斷表達式是否為真，如果為真則繼續循環，如果為假則終止循環。所以說不管條件是否為真， do/while 循環至少要執行一次循環語句 。
例如看下面這段代碼：
do{console.log('1');}while(false);// 輸出：1
盡管我們給 while 后面的循環條件指定為 false ， 代碼執行結果依然輸出了一個1，這表示循環執行了一次。
不同循環的使用情景
當循環次數不限制、不確定時可以使用 while循環。 循環次數有限制、已經確定時可以用 for循環。動手小練習
定義一個輸入框，隨機輸入一個數，并判斷這個數字是否符合條件？循環彈框輸入數據，并在控制臺打印，如果輸入為 exit，則退出循環。
總結
到此這篇關于JavaScript中while循環的文章就介紹到這了,更多相關JavaScript的while循環內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網！
相關文章：
網公網安備