JavaScript for 반복문

반복문(Loop)

반복문은 매번 다른 값을 사용하여 동일한 코드를 반복해서 실행하려는 경우에 유용합니다.

배열을 사용하는 경우 다음과 같은 경우가 많습니다.

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

위의 문장 대신에 아래와 같이 쓸수 있습니다.

예제 2
for (let i = 0; i < cars.length; i++) {
  text += cars[i] + "<br>";
}

여러 종류의 반복문

자바스크립트는 다양한 종류의 반복문을 지원합니다.

  • for - 코드 블록을 여러 번 반복합니다.
  • for/in - 객체의 속성을 반복합니다.
  • for/of - 반복 가능한 객체의 값을 반복합니다.
  • while - 지정된 조건이 참일 때 코드 블록을 반복합니다.
  • do/while - 지정된 조건이 참일 때 코드 블록을 루프합니다. (무조건 한번은 실행)

for 반복문

for 반복의 구문은 다음과 같습니다.

for (statement 1; statement 2; statement 3) {
  // 실행할 코드 블록
}

statement 1은 코드 블록의 실행 전에 한 번 실행됩니다.

statement 2는 코드 블록을 실행하기 위한 조건을 정의합니다.

statement 3은 코드 블록이 실행된 후 매번 실행됩니다.

예제 1
for (let i = 0; i < 5; i++) {
  text += "The number is " + i + "<br>";
}

위의 예에서 다음을 읽을 수 있습니다.

statement 1은 루프가 시작되기 전에 변수를 초기화합니다(예: let i = 0).

statement 2는 루프가 실행될 조건을 정의합니다(i는 5보다 작아야 함).

statement 3은 루프의 코드 블록이 실행될 때마다 값(i++)을 증가시킵니다.

Statement 1

일반적으로 Statement 1을 사용하여 루프에 사용되는 변수를 초기화합니다(예: let i = 0).

필수 사항은 아니며, 선택 사항입니다.

Statement 1(쉼표로 구분)에서 많은 값을 초기화할 수 있습니다.

예제 2
for (let i = 0, len = cars.length, text = ""; i < len; i++) {
  text += cars[i] + "<br>";
}

Statement 1을 생략할 수 있습니다(루프가 시작되기 전에 값이 설정되는 경우 등).

예제 3
let i = 2;
let len = cars.length;
let text = "";
for (; i < len; i++) {
  text += cars[i] + "<br>";
}

Statement 2

Statement 2는 종종 초기 변수의 조건을 평가하는 데 사용됩니다.

필수 사항은 아니며, 선택 사항입니다.

Statement 2가 true를 반환하면 루프가 다시 시작되고, false를 반환하면 루프가 종료됩니다.

Statement 2를 생략할 경우 루프 내부에 break를 사용해야 합니다. 그렇지 않으면 루프가 절대 끝나지 않고 브라우저가 중단됩니다.

Statement 3

Statement 3은 초기 변수의 값을 증가시킵니다.

필수 사항은 아니며, 선택 사항입니다.

Statement 3은 음의 증가(i-), 양의 증가(i = i + 15) 또는 다른 모든 것을 할 수 있습니다.

Statement 3은 루프 내부에서 값을 증가시키는 경우 생략할 수도 있습니다.

예제 4
let i = 0;
let len = cars.length;
let text = "";
for (; i < len; ) {
  text += cars[i] + "<br>";
  i++;
}

반복문 범위

반복문에서 var 사용

예제 5
var i = 5;

for (var i = 0; i < 10; i++) {
  // 실행 코드
}

// i : 10

반복문에서 let 사용

예제 6
let i = 5;

for (let i = 0; i < 10; i++) {
  // 실행 코드
}

// i : 5

첫 번째 예에서는 var를 사용하여 반복문에서 선언된 변수가 반복문 외부에 있는 변수를 다시 선언합니다.

두 번째 예에서는 let을 사용하여 반복문에서 선언된 변수는 반복문 외부에 있는 변수를 다시 선언하지 않습니다.

let을 사용하여 루프에서 i 변수를 선언하면, i 변수는 루프 내에서만 사용할 수 있습니다.