javascript的迴圈語句是什麼

JavaScript迴圈語句是由迴圈體和終止條件兩個部分組成的語句，迴圈體是重複執行的語句，終止條件是決定能否繼續重複的條件。JavaScript迴圈語句：1、for語句；2、for in語句；3、while語句；4、do while語句。

本教學操作環境：windows10系統、javascript1.8.5版、Dell G3電腦。

javascript的迴圈語句是什麼

在不少實際問題中有許多具有規律性的重複操作，因此在程式中就需要重複執行某些語句。

一組被重複執行的語句稱之為迴圈體，能否繼續重複，決定迴圈的終止條件。迴圈結構是在一定條件下反覆執行某段程式的流程結構，被反覆執行的程式被稱為迴圈體。迴圈語句是由迴圈體及迴圈的終止條件兩部分組成的。那麼我們下面就介紹一下我們常用的迴圈語句。

JavaScript 支援四種不同型別的迴圈：

for：多次遍歷程式碼塊
for/in：遍歷物件屬性
while：當指定條件為 true 時迴圈一段程式碼塊
do/while：當指定條件為 true 時迴圈一段程式碼塊

for語句

for語句的語法格式如下：

for (語句1; 語句2; 語句3) {
要執行的程式碼塊
}

語句 1 在迴圈（程式碼塊）開始之前執行。語句1是可選的，如果沒有語句，直接寫個分號就可以。我們一般在語句1裡初始化一些變數，變數可以是一個，也可以是多個，多個變數由逗號分隔。

語句 2 定義執行迴圈（程式碼塊）的條件。如果條件成立，進入迴圈，執行迴圈裡的程式碼塊，否則，結束迴圈。語句2也是可選的，如果沒有語句，直接寫個分號，但是，需要注意，如果沒有語句，需要在迴圈體裡寫一個break，否則，永遠不會結束，成死迴圈了。

語句 3 會在迴圈（程式碼塊）每次被執行後執行。語句3也是可選的，語句3的內容可以在迴圈體裡寫。

注意一個小細節，語句3結束沒有分號。

寫個小例子：

<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 在迴圈開始之前設定了一個變數（var i = 0）。

語句 2 定義執行迴圈的條件（i 必須小於 5）。

語句 3 會在程式碼塊每次執行之後對值進行遞增（i++）。

for/in語句

for/in 語句一般用於遍歷物件的屬性，語法格式如下：

for (屬性名 in 物件) {
要執行的程式碼塊
}

寫個小例子：

<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 (條件) {
要執行的程式碼塊
}

如果條件成立，會一直迴圈執行程式碼塊。

寫個小例子：

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

注意一點，如果你寫的不是死迴圈的話，一定要在迴圈體裡有能夠讓條件不成立的語句。

例如上面的例子，迴圈體裡有i++，當i遞增到10的時候，迴圈結束。

do/while語句

do/while的語法格式如下：

do {
要執行的程式碼塊
}
while (條件);

do/while 迴圈是 while 迴圈的變體。

在檢查條件是否為真之前，這種迴圈會執行一次程式碼塊，然後只要條件為真就會重複迴圈。

寫個小例子：

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