JavaScript學習：JavaScript for循環 while循環

循環可多次執行代碼塊。
需要運行代碼多次，且每次使用不同的值，那麼循環（loop）相當方便使用。
例：
for (i = 0; i < cars.length; i++) {
text += cars[i] + “
”;
}
JavaScript 支持不同類型的循環：
for - 多次遍歷代碼塊
for/in - 遍歷對象屬性
while - 當指定條件爲 true 時循環一段代碼塊
do/while - 當指定條件爲 true 時循環一段代碼塊
一、for循環語法：
for (語句 1; 語句 2; 語句 3) {
要執行的代碼塊
}
語句 1 在循環（代碼塊）開始之前執行。
語句 2 定義運行循環（代碼塊）的條件。
語句 3 會在循環（代碼塊）每次被執行後執行。
例：
for (i = 0; i < 5; i++) {
text += "數字是 " + i + “
”;
}
從上面的代碼中：
語句 1 在循環開始之前設置了一個變量（var i = 0）。
語句 2 定義運行循環的條件（i 必須小於 5）。
語句 3 會在代碼塊每次執行之後對值進行遞增（i++）。
語句1：
語句1是初始化循環中所使用的變量（i=0），語句1是可選的語句1中初始化多個值可以用逗號隔開。
例：
for (i = 0, len = cars.length, text = “”; i < len; i++) {
text += cars[i] + “
”;
}
省略語句 1（在循環開始前設置好值）：
例：
var i = 2;
var len = cars.length;
var text = “”;
for (; i < len; i++) {
text += cars[i] + “
”;
}
語句2
語句2是計算初始變量的條件，語句2也是可選的，如果語句2返回true，那麼循環會重新開始，如果返回false，則循環將結束。如果省略語句 2，那麼必須在循環中提供一個 break。否則循環永遠不會結束。
語句3
語句3會遞增初始變量的值，語句3也是可選的，語句 3 可做任何事情，比如負遞增（i–），正遞增（i = i + 15），或者任何其他事情。
語句 3 也可被省略（在循環內遞增值時）：
例：
var i = 0;
var len = cars.length;
for (; i < len; ) {
text += cars[i] + “
”;
i++;
}
for/in循環
例：
var person = {fname:“Bill”, lname:“Gates”, age:62};
var text = “”;
var x;
for (x in person) {
text += person[x];
}
二、while循環只要條件爲 true，循環能夠一直執行代碼塊。
語法：
while (條件) {
要執行的代碼塊
}
在下面的例子中，循環中的代碼將運行，一遍又一遍，只要變量（i）小於 10：
while (i < 10) {
text += "數字是 " + i;
i++;
}
注意： 如果忘了對條件中的變量進行遞增，那麼循環不會結束，會導致瀏覽器崩潰。
do/while循環 是 while 循環的變體。在檢查條件是否爲真之前，這種循環會執行一次代碼塊，然後只要條件爲真就會重複循環。
語法
do {
要執行的代碼塊
}
while (條件);
例：
do {
text += "The number is " + i;
i++;
}
while (i < 10);
該循環會執行至少一次，即使條件爲 false，因爲代碼塊會在條件測試之前執行，要注意對條件中 的變量進行遞增。
比較for和while
while 循環與 for 循環相當類似，其中的語句 1 和 語句 2 都可以省略。
使用 for 循環來提取 cars 數組中的汽車品牌：
var cars = [“BMW”, “Volvo”, “Saab”, “Ford”];
var i = 0;
var text = “”;
for (;cars[i]😉 {
text += cars[i] + “
”;
i++;
}
使用 while 循環來提取 cars 數組中的汽車品牌：
var cars = [“BMW”, “Volvo”, “Saab”, “Ford”];
var i = 0;
var text = “”;
while (cars[i]) {
text += cars[i] + “
”;
i++;
}
W3School JavaScript for循環
W3School JavaScript while循環