JavaScript While 루프

只要条件为 true，循环能够一直执行代码块。

While 循环

while 循环会一直循环代码块，只要指定的条件为 true。

语法

while (条件) {
    要执行的代码块
}

예제

在下面的例子中，循环中的代码将运行，一遍又一遍，只要变量（i）小于 10：

while (i < 10) {
    text += "数字是 " + i;
    i++;
}

본인이 직접 시도해 보세요

如果您忘了对条件中使用的变量进行递增，那么循环永不会结束。这会导致浏览器崩溃。

Do/While 循环

do/while 循环是 while 循环的变体。在检查条件是否为真之前，这种循环会执行一次代码块，然后只要条件为真就会重复循环。

语法

do {
    要执行的代码块
}
while (条件);

예제

下面的例子使用了 do/while 循环。该循环会执行至少一次，即使条件为 false，因为代码块会在条件测试之前执行：

do {
    text += "The number is " + 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가 제공하는 네 가지 반복 문을 소개합니다.