예
한 변수로 코드 블록을 통해 루프 (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 문
자바 스크립트 참조 : 자바 스크립트 정책을 계속
<자바 스크립트 문 참조