JavaScript문에 대한

<자바 스크립트 문 참조

더 "Try it Yourself" 아래의 예.

정의 및 사용

문의는 한 조건이 true로 실행되는 루프를 만듭니다.

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

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

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

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

브라우저 지원

통사론

매개 변수 값

매개 변수	기술
statement1	선택 과목. 루프 전에 실행 (the code block) 시작한다. 일반적으로이 문은 카운터 변수를 초기화하는 데 사용됩니다. 여러 값을 시작하려면, 각 값을 쉼표로 구분합니다. 주 :이 매개 변수는 생략 할 수 있습니다. 그러나 세미콜론을 생략하지 않는다 ";"
statement2	선택 과목. 루프를 실행하기위한 조건을 정의 (the code block) . 일반적으로이 문은 카운터 변수의 상태를 평가하는 데 사용됩니다. 가 true를 돌려주는 경우, 루프는 false를 반환하는 경우, 루프는 종료됩니다, 다시 시작됩니다. 주 :이 매개 변수는 생략 할 수 있습니다. 그러나 세미콜론을 생략하지 않는다 ";" . 이 매개 변수를 생략하는 경우 또한, 당신은 루프 내부에 휴식을 제공해야합니다. 그렇지 않으면 루프 브라우저를 충돌 할, 끝이 없을 것
statement3	선택 과목. 루프 (코드 블록)이 실행 된 후마다 실행된다. 일반적으로이 문은 증가 또는 카운터 변수를 감소하는 데 사용됩니다. 주 :이 파라미터가 생략 될 수있다 (eg to increase/decrease values inside the loop)

기술적 세부 사항

자바 스크립트 버전 :	1.0

---

더 예

예

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

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

»그것을 자신을 시도

실시 예는 상술 :

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

예

상기 제 파라미터의 복수의 값을 초기화 :

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

»그것을 자신을 시도

예

첫번째 파라미터 생략 (set values before the loop starts) :

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

»그것을 자신을 시도

예

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

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

»그것을 자신을 시도

예

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

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

»그것을 자신을 시도

예

두번째 매개 변수를 생략. 이 예제에서, 우리는 또한 사용 중단 내가 두 번째 매개 변수를 생략하면 "3"(당신은 루프 내부에 휴식을 제공해야하는 동일한 경우 그렇지 않으면 루프가 끝이 없을 것입니다. 루프를 종료 문을, 당신의 브라우저는 것이다 추락):

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

»그것을 자신을 시도

예

내림차순 (네거티브 증분)의 배열의 인덱스를 통해 반복 :

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

»그것을 자신을 시도

예

마지막 매개 변수를 생략하고 루프 내부의 값을 증가 :

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

»그것을 자신을 시도

예

NodeList를 객체의 노드를 통해 루프와 모두의 배경 색상 변경 <p> 목록에서 요소를 :

var myNodelist = document.getElementsByTagName("P");
var i;
for (i = 0; i < myNodelist.length; i++) {
    myNodelist[i].style.backgroundColor = "red";
}

»그것을 자신을 시도

예

중첩 루프의 예 (a loop inside a loop) :

var text = "";
var i, j;

for (i = 0; i < 3; i++) {
    text += "<br>" + "i = " + i + ", j = ";

    for (j = 10; j < 15; j++) {
        document.getElementById("demo").innerHTML = text += j + " ";
    }
}

»그것을 자신을 시도

---

관련 페이지

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

자바 스크립트 참조 : 자바 스크립트 ... 문에

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

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

자바 스크립트 참조 : 자바 스크립트 선언하면서

---

<자바 스크립트 문 참조