Mga Loop ng While ng JavaScript

Ang loop ay magpapatuloy sa pagpapatupad ng block ng code habang ang kondisyon ay tunay.

While Loop

Ang while loop ay magpapatuloy sa pagpapatupad ng block ng code habang ang tinukoy na kondisyon ay tunay.

Gramata

while (Kondisyon) {
    Block ng code na dapat ipatupad
}

实例

Sa halimbawa na ito, ang code sa loob ng loop ay lalagay ng pagpapatuloy, hanggang ang variable (i) ay mas mababa sa 10:

while (i < 10) {
    text += "Ang bilang ay " + i;
    i++;
}

亲自试一试

Kung nakaalala ka na mag-increment ng variable na ginamit sa kondisyon, ang loop ay hindi matatapos. Ito ay magiging dahilan ng pagbagsak ng browser.

Do/While Loop

Ang do/while loop ay isang bersyon ng while loop. Bago mailagay ang kondisyon, lalagay muna ang block ng code, at pagkatapos ay magpapatuloy ang loop kung ang kondisyon ay tunay.

Gramata

do {
    Block ng code na dapat ipatupad
}
while (Kondisyon);

实例

Ang halimbawa na ito ay gumagamit ng do/while loop. Ang loop na ito ay lalagay ng kahit anong kondisyon na maliwalas, dahil ang block ng code ay lalagay bago ang pagsubok ng kondisyon:

do {
    text += "Ang bilang ay " + i;
    i++;
 }
while (i < 10);

亲自试一试

不要忘记对条件中所用变量进行递增，否则循环永不会结束！

比较 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] + "<br>";
    i++;
}

亲自试一试

本例中的循环使用 while 循环来提取 cars 数组中的汽车品牌：

实例

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
while (cars[i]) {
    text += cars[i] + "<br>";
    i++;
}

亲自试一试

课外书

如需更多有关 JavaScript while 语句的知识，请阅读 JavaScript 高级教程中的相关内容：

ECMAScript 迭代语句
迭代语句又叫循环语句。本节为您介绍 ECMAScript 提供的四种迭代语句。