JavaScript中的while循環語句怎麼使用-js教程-PHP中文網

JavaScript中的while循環語句怎麼使用

不言

發布： 2018-12-21 09:09:09

原創

5319 人瀏覽過

JavaScript中的while循環語句怎麼使用中的while循環語句怎麼使用中的while循環語句怎麼使用中的迴圈語句我們在上一篇文章中已經介紹了for迴圈語句，接下來的這篇文章我們就來介紹while迴圈語句的用法。

JavaScript中的while循環語句怎麼使用中的while循環語句怎麼使用中的while循環語句怎麼使用

在JavaScript中的while循環語句怎麼使用中的while循環語句怎麼使用中的while循環語句怎麼使用中的for循環語句怎麼使用這篇文章中我們已經知道了關於while循環語句適合在循環次數不固定時使用，所以下面我們就來看看while循環語句的具體使用方法。

while語句中有兩個語句：while和do while

#我們來看看這兩個語句怎麼使用

##while語句的語法

while（条件表达式）{ 
循环处理
}

登入後複製

在while語句的情況下，先計算條件表達式並循環地開始執行，直到條件表達式匹配。

在循環過程中，()內的條件表達式是真的，在{}中循環的執行

此時，如果條件沒有限制的話，它會一直循環下去

do while語句的語法

do {
循环处理
} while (条件表达式)

登入後複製

與while語句相比，在do while語句的情況下，先進行迴圈處理，之後再判斷while的條件式，如果是真的，就繼續按流程執行。

我們來看具體的範例

變數被設定為count

while語句

<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>JavaScript中的while循環語句怎麼使用中的while循環語句怎麼使用中的while循環語句怎麼使用</title>
</head>
<body>
<script>
var count = 0;
while (count < 10) {
document.write (count);
count++
}
</script>
</body>
</html>

登入後複製

如果此變數count小於10（count<10），則繼續使用document.write輸出值進行處理。

最後一次count 表示每次循環該過程時逐個遞增的count。讓我們知道如果不存在，你將為while循環保持0的值。

然後，當count變成0,1,2，... 當count為10時，count <10的條件運算式變成false，就可以退出迴圈。

所以它將在瀏覽器中輸出如下。

JavaScript中的while循環語句怎麼使用中的while循環語句怎麼使用中的while循環語句怎麼使用

do while語句

<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>JavaScript中的while循環語句怎麼使用中的while循環語句怎麼使用中的while循環語句怎麼使用</title>
</head>
<body>
<script>
var count = 0;
do {
document.write (count);
count++;
} while (count < 10);
</script>
</body>
</html>

登入後複製

它將在瀏覽器中輸出如下，並沒有任何的變更

JavaScript中的while循環語句怎麼使用中的while循環語句怎麼使用

當從開頭指派給count的值為10或更大時

while語句的執行

<script>
var count = 20;
while (count < 10) {
document.write (count);
count++
}
</script>

登入後複製

因為判斷為false，所以在while語句中沒有輸出任何內容。

do while語句執行

<script>
var count = 20;
do {
document.write (count);
count++;
} while (count < 10);
</script>

登入後複製

在do while的情況下，無論第一個中的條件如何都會執行處理，並且僅在第二次之後判斷true或false

運行結果如下

JavaScript中的while循環語句怎麼使用中的while循環語句怎麼使用中的while循環語句怎麼使用

###################################################################

以上是JavaScript中的while循環語句怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

JavaScript中的while循環語句怎麼使用