首頁 > 文章 > web前端 > javascript的循環語句是什麼

javascript的循環語句是什麼

WBOY原創: 2022-04-06 14:55:206427瀏覽

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

javascript的循環語句是什麼

本教學操作環境：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的循環語句是什麼

javascript的循環語句是什麼

相關文章