JavaScript （for，while）迴圈敘述

for 迴圈

for 迴圈是 JS 中最常用的一個迴圈工具，經常用於陣列的迴圈遍歷。

格式：

1
2
3
for (初始化變數; 條件運算式; 迭代敘述) {<!-- -->
     執行程式碼塊；
}
  • 初始化變數，表示程式碼塊開始前執行。
  • 條件運算式，定義執行迴圈程式碼塊的條件。
  • 迭代敘述，在迴圈程式碼塊每次被執行之後再執行

範例：求1-100的偶數和

1
2
3
4
5
var num=0
for(var i=0;i<=100;i+=2){<!-- -->   //i+=2 意思為i=i+2
    num +=i                
}
console.log("偶數和:"+num)

for in 迴圈敘述

主要用於遍歷陣列或物件屬性，對陣列或物件的屬性進行迴圈操作。

格式：

1
2
3
for (變數 in 物件) {<!-- -->
    執行程式碼塊；
}
  • for 迴圈括弧內的變數是用來指定變數，指定的可以是陣列物件或者是物件屬性。

範例：使用 for … in 迴圈遍歷陣列。

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"

for (x in mycars){<!-- -->
    document.write(mycars[x] + "<br />")
}
</script>

雙重 for 迴圈

格式：

1
2
3
4
5
for(外層變數 ; 外層條件運算式; 外層迭代敘述) {<!-- -->
    for(裡層變數 ; 裡層條件運算式 ; 裡層迭代敘述){<!-- -->
        執行程式碼塊；
    }
}

範例：實現九九乘法表

1
2
3
4
5
6
7
8
9
10
11
<script>
var str = ' ';
for (var row = 1; row <= 9; row++) {<!-- -->
    for (var column = 1; column <= row; column++) {<!-- -->
        str += column + 'x' + row + '=' + row * column + '  ';
        }
    str += '
';
}
console.log(str);
</script>

while 迴圈敘述

while只要指定條件的值為真，迴圈就會執行指定敘述。

格式：

1
2
3
while (條件){<!-- -->
    執行程式碼塊；
}

範例：

1
2
3
4
5
var n = 0;
while (n < 5) {<!-- -->
   document.write("<br>這個數值是 " + n);
   n++;
}

do…while 迴圈敘述

do…while 迴圈是 while 迴圈的變體。該迴圈會在檢查條件是否為真之前執行一次程式碼塊，然後如果條件為真的話，就會重複這個迴圈。

格式：

1
2
3
4
do {<!-- -->
    執行程式碼塊；
}
while (條件);

範例：

1
2
3
4
5
do {<!-- -->
   document.write("<br>數值是 " + n);
   n++;
}
while (n < 5);