av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

JavaScript中while循環的基礎使用教程

瀏覽:2日期:2023-06-18 11:12:11

前言

在 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>

在瀏覽器中打開:

JavaScript中while循環的基礎使用教程

在上述代碼中,因為我們目標是輸出“小于 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>

在瀏覽器中打開:

JavaScript中while循環的基礎使用教程

因為我們要實現的是遞減輸出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循環內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網!

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 一级特黄毛片 | 国产精品第一 | 欧美日韩成人在线 | 蜜桃av一区 | 日本免费中文字幕 | 久久免费视频观看 | 婷婷六月色 | 91超碰在线播放 | 99精品久久久久久中文字幕 | 成人黄色在线观看 | 日本久久视频 | 在线看片a| 男男巨肉啪啪动漫3d | 欧美亚洲国产精品 | 久久久综合网 | av在线播放网站 | 天天躁日日躁bbbbb | 一区二区三区四区在线播放 | 亚洲精品自拍视频 | 色综合久久88 | 成人午夜激情 | 可以在线观看的av | 黄色在线观看免费 | 欧美理伦| 少妇免费视频 | 欧美成人一级片 | 欧美日韩专区 | 欧美日韩在线免费观看 | www.99色 | 91青青草 | 成人一区二区在线 | 日本欧美久久久久免费播放网 | 成人性色生活片 | 一区二区三区视频在线观看 | 一本伊人| 99视频网 | 日韩精品视频一区二区三区 | 久久久久久黄色 | 三年中文在线看免费观看 | 欧美日韩久久久 | 国产精品一品二区三区的使用体验 |