JavaScript循環(huán)語句是由循環(huán)體和終止條件兩個部分組成的語句，循環(huán)體是重復(fù)執(zhí)行的語句，終止條件是決定能否繼續(xù)重復(fù)的條件。JavaScript循環(huán)語句：1、for語句；2、for in語句；3、while語句；4、do while語句。

本教程操作環(huán)境：windows10系統(tǒng)、javascript1.8.5版、Dell G3電腦。

javascript的循環(huán)語句是什么

在不少實際問題中有許多具有規(guī)律性的重復(fù)操作，因此在程序中就需要重復(fù)執(zhí)行某些語句。

一組被重復(fù)執(zhí)行的語句稱之為循環(huán)體，能否繼續(xù)重復(fù)，決定循環(huán)的終止條件。循環(huán)結(jié)構(gòu)是在一定條件下反復(fù)執(zhí)行某段程序的流程結(jié)構(gòu)，被反復(fù)執(zhí)行的程序被稱為循環(huán)體。循環(huán)語句是由循環(huán)體及循環(huán)的終止條件兩部分組成的。那么我們下面就介紹一下我們常用的循環(huán)語句。

JavaScript 支持四種不同類型的循環(huán)：

• for：多次遍歷代碼塊

• for/in：遍歷對象屬性

• while：當(dāng)指定條件為 true 時循環(huán)一段代碼塊

• do/while：當(dāng)指定條件為 true 時循環(huán)一段代碼塊

for語句

for語句的語法格式如下：

for (語句1; 語句2; 語句3) { 要執(zhí)行的代碼塊 }

語句 1 在循環(huán)（代碼塊）開始之前執(zhí)行。語句1是可選的，如果沒有語句，直接寫個分號就可以。我們一般在語句1里初始化一些變量，變量可以是一個，也可以是多個，多個變量由逗號分隔。

語句 2 定義運(yùn)行循環(huán)（代碼塊）的條件。如果條件成立，進(jìn)入循環(huán)，執(zhí)行循環(huán)里的代碼塊，否則，結(jié)束循環(huán)。語句2也是可選的，如果沒有語句，直接寫個分號，但是，需要注意，如果沒有語句，需要在循環(huán)體里寫一個break，否則，永遠(yuǎn)不會結(jié)束，成死循環(huán)了。

語句 3 會在循環(huán)（代碼塊）每次被執(zhí)行后執(zhí)行。語句3也是可選的，語句3的內(nèi)容可以在循環(huán)體里寫。

注意一個小細(xì)節(jié)，語句3結(jié)束沒有分號。

寫個小例子：

<p id="demo"></p> <script>         var text = "",i;              for (i = 0; i < 5; i++) {               text += "The number is " + i + "<br>";         } document.getElementById("demo").innerHTML = text; </script>

語句 1 在循環(huán)開始之前設(shè)置了一個變量（var i = 0）。

語句 2 定義運(yùn)行循環(huán)的條件（i 必須小于 5）。

語句 3 會在代碼塊每次執(zhí)行之后對值進(jìn)行遞增（i++）。

for/in語句

for/in 語句一般用于遍歷對象的屬性，語法格式如下：

for (屬性名 in 對象) { 要執(zhí)行的代碼塊 }

寫個小例子：

<p id="demo"></p> <script>         var person = {name:"劉小妞", sex:"女", work:"自媒體"};          var x,txt = "";         for (x in person) {           txt += person[x] + " ";         } document.getElementById("demo").innerHTML = txt; </script>

x代表屬性名，屬性名可以隨便定義，類似形參。通過對象[屬性名]的形式訪問屬性值，不能用對象.屬性名這種形式。

while語句

while的語法格式如下：

while (條件) { 要執(zhí)行的代碼塊 }

如果條件成立，會一直循環(huán)執(zhí)行代碼塊。

寫個小例子：

<p id="demo"></p> <script>     var text = "";     var i = 0;     while (i < 10) {       text += "<br>數(shù)字是 " + i;       i++;     } document.getElementById("demo").innerHTML = text; </script>

注意一點(diǎn)，如果你寫的不是死循環(huán)的話，一定要在循環(huán)體里有能夠讓條件不成立的語句。

例如上面的例子，循環(huán)體里有i++，當(dāng)i遞增到10的時候，循環(huán)結(jié)束。

do/while語句

do/while的語法格式如下：

do { 要執(zhí)行的代碼塊 } while (條件);

do/while 循環(huán)是 while 循環(huán)的變體。

在檢查條件是否為真之前，這種循環(huán)會執(zhí)行一次代碼塊，然后只要條件為真就會重復(fù)循環(huán)。

寫個小例子：

<p id="demo"></p> <script>     var text = ""     var i = 0;          do {           text += "<br>數(shù)字是 " + i;           i++;     }     while (i < 10);        document.getElementById("demo").innerHTML = text; </script>