JavaScript while 문

정의와 사용법

while 문은 지정된 조건이 참일 때 실행되는 루프를 생성합니다.

조건이 참이면 루프가 계속 실행됩니다. 조건이 거짓이 되면 실행이 중단됩니다.

JavaScript는 다양한 유형의 루프를 지원합니다：

  • for - 여러 번 코드 블록을 반복
  • for/in - 객체의 속성을 순회
  • for/of - 이터러블 객체의 값을 순회
  • while - 지정된 조건이 참일 때 코드 블록을 반복
  • do/while - 한 번 코드 블록을 실행한 후, 지정된 조건이 참일 때 반복

提示：请使用 break 语句跳出循环，使用 continue 语句跳过循环中的某个值。

예제

변수(i)가 5보다 작을 때까지 코드 블록이 반복됩니다:

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>The number is " + i;
  i++;
}

본인이 직접 시도해 보세요

페이지 아래에 더 많은 TIY 예제가 있습니다.

문법

while (condition) {
  실행할 코드 블록
}

파라미터 값

파라미터 설명
condition

필수. 루프(코드 블록)를 실행하는 조건을 정의합니다. true를 반환하면 루프가 다시 시작되고, false를 반환하면 루프가 끝납니다.

주의사항:조건이 항상 참인 경우, 루프가 결코 끝나지 않습니다. 이는 브라우저가 터질 수 있습니다.

주의사항:조건을 가진 변수를 사용하는 경우, 루프 전에 초기화하고 루프 내에서 증가시켜야 합니다. 변수를 증가시키지 않으면 루프가 결코 끝나지 않습니다. 이는 또한 브라우저가 터질 수 있습니다.

기술 세부 사항

JavaScript 버전: ECMAScript 1

더 많은 예제

예제

루프가 배열의 인덱스를 순회하며, cars 배열에서 자동차 이름을 수집합니다:

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

예제 설명:

  1. 먼저, 루프 시작 전에 변수를 설정합니다 (var i = 0;)
  2. 그런 다음, 루프가 실행되는 조건을 정의합니다. 변수가 배열의 길이보다 작은 한동안 루프가 계속됩니다
  3. 루프가 실행될 때마다 변수가 1 증가합니다 (i++)
  4. 변수가 더 이상 4 미만이 아닌 경우(배열의 길이), 조건이 거짓이 되어 루프가 끝납니다

본인이 직접 시도해 보세요

예제

배열 인덱스를 뒤로 이동하는 것:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var len = cars.length;
while (len--) {
  text += cars[len] + "<br>";
}

본인이 직접 시도해 보세요

예제

break 문장 사용 - 루프 코드 블록을 건너뜀, 하지만 변수 i가 "3" 일 때 루프를 벗어나기:

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>The number is " + i;
  i++;
  if (i == 3) {
    break;
  }
}

본인이 직접 시도해 보세요

예제

continue 문장 사용 - 루프 코드 블록을 건너뜀, 하지만 "3" 값은 건너뜀:

var text = "";
var i = 0;
while (i < 5) {
  i++;
  if (i == 3) {
    continue;
  }
text += "<br>The number is " + i;
}

본인이 직접 시도해 보세요

브라우저 지원

문장 크롬 IE 파이어폭스 사파리 오페라
while 지원 지원 지원 지원 지원

관련 페이지

JavaScript 강의:JavaScript While 루프

JavaScript 참조 매뉴얼:JavaScript do ... while 문

JavaScript 참조 매뉴얼:JavaScript for 문

JavaScript 참조 매뉴얼:JavaScript break 문

JavaScript 참조 매뉴얼:JavaScript continue 문