javascript的循環語句怎么用

這篇文章主要介紹“javascript的循環語句怎么用”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“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>

關于“javascript的循環語句怎么用”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。