최신 웹 개발 튜토리얼
 

JavaScript문 동안

<자바 스크립트 문 참조

한 변수로 코드 블록을 통해 루프 (i) 5 미만이다 :

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

텍스트의 결과는 다음과 같습니다

The number is 0
The number is 1
The number is 2
The number is 3
The number is 4
»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

while 문은 지정된 조건이 true 인 동안 실행되는 루프를 만듭니다.

루프는 조건이 true로 계속 실행됩니다. 조건이 거짓이 경우에만 중지됩니다.

자바 스크립트는 루프의 다른 종류를 지원합니다 :

  • for - 코드 블록을 여러 번 루프
  • for/in - 객체의 속성을 통해 루프
  • while - 지정된 조건이 true 인 동안 코드 블록을 통해 루프
  • 반면 / 할 지정된 조건이 true 인 동안 루프를 한 번 코드 블록을 통해 루프 다음 반복 -

팁 : 사용 중단 루프의 탈옥 문을, 그리고 계속 루프에 값을 건너 문을.


브라우저 지원

성명서
while

통사론

매개 변수 값
매개 변수 기술
condition 필요합니다. 루프를 실행하기위한 조건을 정의 (the code block) . 가 true를 돌려주는 경우, 루프는 false를 반환하는 경우, 루프는 종료됩니다, 다시 시작됩니다.

참고 : 조건이 항상 true의 경우, 루프는 끝이 없을 것입니다. 이 브라우저를 충돌합니다.

당신이 조건 변수를 사용하는 경우, 루프 전에 초기화하고 루프 이내에 증가 :합니다. 당신이 변수를 증가하는 것을 잊지 경우, 루프는 끝이 없을 것입니다. 이것은 또한 브라우저를 충돌합니다.

기술적 세부 사항

자바 스크립트 버전 : 1.0

예

더 예

배열의 인덱스를 통해 루프는 자동차 배열에서 차 이름을 수집합니다 :

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i = 0;
while (i < cars.length) {
    text += cars[i] + "<br>";
    i++;
}
»그것을 자신을 시도

실시 예는 상술 :

  • 먼저, 루프 개시 전에 변수를 설정 (var i = 0;)
  • 그런 다음, 우리는 루프를 실행하기위한 조건을 정의합니다. 만큼 변수 어레이의 길이 미만으로 (which is 4) , 루프가 계속
  • 루프가 실행될 때마다이 변수가 하나씩 증가 (i++)
  • 변수가되면 더 이상 4 미만 (array's length) 의 조건은 거짓없고, 루프가 끝날

거꾸로 어레이의 인덱스를 통해 반복 :

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var len = cars.length;
while (len--) {
    text += cars[len] + "<br>";
}
»그것을 자신을 시도

변수 i가 동일 할 때 루프를 코드 블록을 통해 루프하지만 종료 - break 문을 사용하여 "3" :

var text = "";
var i = 0;
while (i < 5) {
    text += "<br>The number is " + i;
    i++;
    if (i == 3) {
        break;
    }
}
»그것을 자신을 시도

문 계속 사용 - 코드 블록을 통해 루프 만의 가치 건너 뛸 "3" :

var text = "";
var i = 0;
while (i < 5) {
    i++;
    if (i == 3) {
        continue;
    }
text += "<br>The number is " + i;
}
»그것을 자신을 시도

관련 페이지

자바 스크립트 튜토리얼 : 자바 스크립트 While 루프

자바 스크립트 참조 : 자바 스크립트가 할 ... 문 동안

자바 스크립트 참조 : 문에 대한 자바 스크립트

자바 스크립트 참조 : 자바 스크립트 break 문

자바 스크립트 참조 : 자바 스크립트 정책을 계속


<자바 스크립트 문 참조