최신 웹 개발 튜토리얼
 

JavaScript For 루프


루프는 코드 블록을 여러 번 수행 할 수있다.


자바 스크립트 루프

당신은 또 다시 다른 값마다 동일한 코드를 실행하려면 루프, 편리합니다.

종종이 배열로 작업하는 경우는 다음과 같습니다

글을 쓰는 대신 :

text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";

당신은 쓸 수 있습니다 :

for (i = 0; i < cars.length; i++) {
    text += cars[i] + "<br>";
}
»그것을 자신을 시도

루프의 다른 종류

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

  • for - 코드 블록을 통해 여러번 루프
  • for/in - 객체의 속성을 통해 루프
  • while - 지정된 조건이 참인 동안 코드 블록을 통해 루프
  • do/while 또한 코드 블록을 통해 루프를 지정된 조건이 참인 동안 -

For 루프

for 루프는 자주 루프를 만들 때 사용하는 도구입니다.

for 루프의 구문은 다음과 같습니다

for (statement 1; statement 2; statement 3) {
   code block to be executed
}

루프 (코드 블록)이 시작되기 전에 문 하나가 실행된다.

문이 루프 (코드 블록)을 실행하기위한 조건을 정의합니다.

루프 (코드 블록)이 실행 된 후 문 (3)마다 실행된다.

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

위의 예에서, 당신은 읽을 수 있습니다 :

문 1 세트 루프가 시작되기 전에 변수 (var i = 0) .

문이 실행하는 루프 조건을 정의 (내가 5 미만이어야합니다).

문 (3)의 값이 증가 (i++) 루프의 코드 블록이 실행 된 때마다.


문 1

일반적으로 당신은 루프에서 사용되는 변수 시작하는 문 1을 사용합니다 (i = 0) .

이 항상 사실이 아니다, 자바 스크립트는 상관하지 않는다. 문 1은 선택 사항입니다.

당신은 문 1 (쉼표로 구분)에 많은 값을 시작할 수 있습니다 :

for (i = 0, len = cars.length, text = ""; i < len; i++) {
    text += cars[i] + "<br>";
}
»그것을 자신을 시도

(루프가 시작하기 전에 값이 설정되는 경우 등) 그리고 당신은 문 하나를 생략 할 수 있습니다 :

var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
    text += cars[i] + "<br>";
}
»그것을 자신을 시도

문 2

보통 문이 변수는 초기의 상태를 평가하는 데 사용된다.

이 항상 사실이 아니다, 자바 스크립트는 상관하지 않는다. 문 2는 선택 사항입니다.

루프가 다시 시작됩니다 문이 반환 true의 경우는 false를 반환하는 경우, 루프가 종료됩니다.

당신이 문 2를 생략하면, 당신은 제공해야 break 루프 내부. 그렇지 않으면 루프는 끝이 없을 것입니다. 이 브라우저를 충돌합니다. 이 튜토리얼의 이후 장에서 휴식에 대해 읽어보십시오.


문 3

종종 문 3은 초기 변수를 증가시킨다.

이 항상 사실이 아니다, 자바 스크립트는 상관하지 않고, 문 3은 선택 사항입니다.

문 3은 음의 증가 등 무엇이든 할 수있다 (i--) , 양의 증가 (i = i + 15) , 또는 아무것도.

문 3도 (당신은 루프 내에서 당신의 가치를 증가하는 경우 등)를 생략 할 수 있습니다 :

var i = 0;
var len = cars.length;
for (; i < len; ) {
    text += cars[i] + "<br>";
    i++;
}
»그것을 자신을 시도

For/In 루프

자바 스크립트 for/in 문은 객체의 속성을 통해 루프 :

var person = {fname:"John", lname:"Doe", age:25};

var text = "";
var x;
for (x in person) {
    text += person[x];
}
»그것을 자신을 시도

While 루프

while 루프와 do/while 루프는 다음 장에서 설명한다.


연습으로 자신을 테스트!

연습 1» 운동 2» 운동 3» 운동 4» 운동 5» 운동 6»