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 (let i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
다양한 종류의 루프
JavaScript는 다양한 종류의 루프를 지원합니다.
for
- 코드 블록을 여러 번 반복for/in
- 객체의 속성을 통해 루프for/of
- 반복 가능한 객체의 값을 반복합니다.while
- 지정된 조건이 참인 동안 코드 블록을 반복합니다.do/while
- 또한 지정된 조건이 참인 동안 코드 블록을 반복합니다.
For 루프
루프 의 for
구문은 다음과 같습니다.
for (statement 1; statement 2; statement 3) {
// code block to be executed
}
명령문 1 은 코드 블록이 실행되기 전에(한 번) 실행됩니다.
명령문 2 는 코드 블록을 실행하기 위한 조건을 정의합니다.
명령문 3 은 코드 블록이 실행된 후 (매번) 실행됩니다.
예시
for (let i = 0; i < 5; i++) {
text += "The number is " + i + "<br>";
}
위의 예에서 다음을 읽을 수 있습니다.
명령문 1은 루프가 시작되기 전에 변수를 설정합니다(let i = 0).
명령문 2는 루프가 실행되는 조건을 정의합니다(i는 5보다 작아야 함).
명령문 3은 루프의 코드 블록이 실행될 때마다 값(i++)을 증가시킵니다.
진술 1
일반적으로 문 1을 사용하여 루프에서 사용되는 변수를 초기화합니다(let i = 0).
항상 그런 것은 아니지만 JavaScript는 상관하지 않습니다. 명령문 1은 선택 사항입니다.
명령문 1(쉼표로 구분)에서 많은 값을 시작할 수 있습니다.
예시
for (let i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}
그리고 문 1을 생략할 수 있습니다(예: 루프가 시작되기 전에 값이 설정된 경우).
예시
let i = 2;
let len = cars.length;
let text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}
진술 2
종종 문 2는 초기 변수의 조건을 평가하는 데 사용됩니다.
항상 그런 것은 아니지만 JavaScript는 상관하지 않습니다. 명령문 2도 선택 사항입니다.
명령문 2가 true를 반환하면 루프가 다시 시작되고 false를 반환하면 루프가 종료됩니다.
명령문 2를 생략하는 경우 루프 내부에 중단 을 제공해야 합니다. 그렇지 않으면 루프가 끝나지 않습니다. 브라우저가 충돌합니다. 이 튜토리얼의 뒷부분에서 휴식 시간에 대해 읽어보세요.
진술 3
종종 문 3은 초기 변수의 값을 증가시킵니다.
항상 그런 것은 아니며 JavaScript는 상관하지 않으며 문 3은 선택 사항입니다.
명령문 3은 음수 증가(i--), 양수 증가(i = i + 15) 또는 기타 모든 작업을 수행할 수 있습니다.
명령문 3도 생략할 수 있습니다(예: 루프 내에서 값을 증가시킬 때).
예시
let i = 0;
let len = cars.length;
let text = "";
for (; i < len; ) {
text += cars[i] + "<br>";
i++;
}
루프 범위
var
루프에서 사용 :
예시
var i = 5;
for (var i = 0; i < 10; i++) {
// some code
}
// Here i is 10
let
루프에서 사용 :
예시
let i = 5;
for (let i = 0; i < 10; i++) {
// some code
}
// Here i is 5
첫 번째 예에서는 를 사용하여 var
루프에서 선언된 변수가 루프 외부에서 변수를 다시 선언합니다.
두 번째 예에서는 를 사용하여 let
루프에서 선언된 변수가 루프 외부에서 변수를 다시 선언하지 않습니다.
루프 let
에서 i 변수를 선언하는 데 사용되는 경우 i 변수는 루프 내에서만 볼 수 있습니다.
For/Of 및 For/In 루프
for/in
루프와 루프 는 for/of
다음 장에서 설명합니다.
while 루프
while
루프와 다음 do/while
장에서 설명합니다.