- 當前子專欄 基礎(chǔ)入門三大核心篇 是免費開放階段。推薦他人訂閱，可獲取扣除平臺費用后的35%收益，文末名片加V！
- 說明：該文屬于 大前端全棧架構(gòu)白寶書專欄，目前階段免費開放，購買任意白寶書體系化專欄可加入TFS-CLUB 私域社區(qū)。
- 福利：除了通過訂閱"白寶書系列專欄"加入社區(qū)獲取所有付費專欄的內(nèi)容之外，還可以通過加入星薦官共贏計劃 加入私域社區(qū)。
- 作者：不渴望力量的哈士奇(哈哥)，十余年工作經(jīng)驗, 跨域?qū)W習者，從事過全棧研發(fā)、產(chǎn)品經(jīng)理等工作，目前任某金融品類App負責人。
- 榮譽：2022年度博客之星Top4、博客專家認證、全棧領(lǐng)域優(yōu)質(zhì)創(chuàng)作者、新星計劃導師，“星薦官共贏計劃” 發(fā)起人。
- 現(xiàn)象級專欄《白寶書系列》作者，文章知識點淺顯易懂且不失深度；TFS-CLUB社區(qū)創(chuàng)立者，旨在以“賦能 共贏”推動共建技術(shù)人成長共同體。
- ?? 白寶書系列
- ?? Python全棧白寶書
- ?? 產(chǎn)品思維訓練白寶書
- ?? 全域運營實戰(zhàn)白寶書
- ?? 大前端全棧架構(gòu)白寶書
在 JavaScript 中，while 循環(huán)語句是一種常見的循環(huán)結(jié)構(gòu)，它允許我們重復(fù)執(zhí)行一段代碼塊，直到指定的條件不再滿足為止。
?? while 循環(huán)語句簡介
while 循環(huán)語句也是一種”循環(huán)結(jié)構(gòu)“，是一種”不定范圍“循環(huán)，和for循環(huán)各有不同的用武之地幾乎所有的編成語言，都同時提供for循環(huán)和while循環(huán)。
while是 “當” 的意思
while循環(huán)語句的語法：
while 循環(huán)語句的語法結(jié)構(gòu)如下：
while (condition) {
// code block to be executed
}
其中，condition 是需要判斷的條件，只有當條件為真時，循環(huán)體中的代碼才會被執(zhí)行。也就是說，只要滿足條件，就會一直執(zhí)行循環(huán)體中的代碼，直到條件不再滿足為止。
以下是一個簡單的示例：
var i = 0;
while (i < 5) {
console.log("The number is " + i);
i++;
}
在這個示例中，我們定義了一個計數(shù)器變量 i，然后使用 while 循環(huán)語句重復(fù)執(zhí)行循環(huán)體中的代碼，直到 i 不再小于 5 為止。在每次循環(huán)中，我們輸出計數(shù)器變量 i 的值，并將其自增 1。
while循環(huán)語句的注意事項：
- while循環(huán)沒有顯示定義循環(huán)變量，必須
自己再while循環(huán)外先定義好循環(huán)變量，有時甚至可以沒有循環(huán)變量- 循環(huán)體內(nèi)的語句，必須使循環(huán)測試條件
趨向不成立，否則會死循環(huán)
?? while 語句案例
案例一： 輸出1、2、3、4…100
代碼如下：文章來源：http://www.zghlxwxcb.cn/news/detail-441762.html
//定義循環(huán)變量
var i = 1;
//while循環(huán)開始
while (i <= 100) {
console.log(i);
i++; //一定要在循環(huán)體內(nèi)改變循環(huán)變量值
}
案例二： 累加1+2+3+4+…+100
代碼如下：
//定義循環(huán)遍歷和累加器
var i = 1, sum = 0;
//while循環(huán)開始
while (i <= 100) {
sum += i;
i++;
}
console.log(sum);
?? 更適合 while 循環(huán)的場景
案例一： 尋找最小的滿足n2 > 456789的整數(shù)n
這個案例，要對n進行循環(huán)，但是因為不知道n的結(jié)束范圍，所以更適合用while這種不用指定開始范圍和結(jié)束范圍的循環(huán)語句。
代碼如下：
var n = 1;
while (Math.pow(n, 2) <= 456789) {
n++;
};
console.log(n);
console.log(Math.pow(n, 2));
案例二： 小兔子拔蘿卜，第一天拔一個，第二天拔2個，第3天拔3個，以此類推。請問小兔子多少天能把500個蘿卜拔光？
代碼如下：
//定義循環(huán)變量
var n = 1;
//定義累加器
var sum = 0;
//while循環(huán)開始
while (sum < 500) { //注意這里是小于500而不是小于等于500，等于500時就已經(jīng)拔光了，不需要再次循環(huán)了
sum += n;
n++;
};
console.log(n - 1); //一定要注意，這里為什么要書寫n-1？因為sum滿足條件后，n還會多加一個1，這種錯誤就叫做”出一錯誤“
console.log(sum);
這個案例一定要注意防止出現(xiàn)“出一錯誤”。當循環(huán)變量和判斷條件中的變量不是一個變量的時候，就容易出現(xiàn) “出一錯誤”。文章來源地址http://www.zghlxwxcb.cn/news/detail-441762.html
到了這里，關(guān)于〖大前端 - 基礎(chǔ)入門三大核心之JS篇?〗- JavaScript的流程控制語句「while循環(huán)語句」的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
