제어문 - 기본 반복문

1. 기본 반복문

자바스크립트의 기본 반복문에는 for, while, do...while이 있으며, 이는 조건을 기반으로 특정 코드를 반복 실행할 때 사용됩니다. for문은 초기식, 조건식, 증감식을 포함하여 반복 횟수가 명확할 때 주로 사용되며, 가장 많이 쓰이는 반복문입니다. while문은 조건이 참인 동안 계속 반복하며, 반복 횟수가 정해져 있지 않거나 조건에 따라 반복을 제어하고 싶을 때 유용합니다. do...while문은 최소 한 번은 실행된 후 조건을 검사하기 때문에, 적어도 한 번 실행이 보장되는 특징이 있습니다. 이 반복문들은 배열이나 객체와 무관하게, 반복적으로 어떤 작업을 수행할 때 사용됩니다.

 

1. while 문

while 문은 자바스크립트에서 조건이 참(true)인 동안 반복해서 코드를 실행하는 반복문입니다. 반복 횟수가 미리 정해지지 않았거나, 조건에 따라 반복을 제어하고 싶을 때 유용하게 사용됩니다. 조건식이 처음부터 거짓(false)이면 반복문 내부 코드는 한 번도 실행되지 않습니다. 주의할 점은 조건이 항상 참이면 무한 루프에 빠질 수 있으므로, 반복 안에서 조건을 바꿔주는 로직을 반드시 넣어야 합니다.

while (조건식) {
  // 조건식이 true일 동안 실행될 코드
}

 

let count = 1;

while (count <= 5) {
  console.log(count);
  count++;
}

 

let dan = 5;
let i = 1;
while (i <= 9) {
  console.log(`${dan} * ${i} = ${dan * i}`);
  i++;
}

 

2. do while 문

do...while 문은 자바스크립트에서 조건에 따라 반복 실행하는 반복문 중 하나로, 조건을 나중에 검사한다는 점이 가장 큰 특징입니다. 즉, 조건식과 상관없이 반복문 안의 코드가 최소 한 번은 실행된다는 점에서 while 문과 다릅니다. 사용 시에는 반복할 코드를 do 블록 안에 작성하고, while 뒤에 조건식을 작성합니다. 이 구조는 사용자 입력을 한 번 이상 받아야 하거나, 일단 실행 후에 반복 여부를 판단해야 하는 상황에 적합합니다.

do {
  // 반복 실행할 코드
} while (조건식);

 

let num = 1;

do {
  console.log(`현재 숫자: ${num}`);
  num++;
} while (num <= 5);

 

3. for 문

for 문은 자바스크립트에서 가장 많이 사용되는 반복문 중 하나로, 반복 횟수가 정해져 있을 때 주로 사용됩니다. 초기식에서 반복에 사용할 변수를 선언하고, 조건식이 참인 동안 반복문 안의 코드를 실행하며, 매 반복 후에는 증감식을 통해 변수를 변화시킵니다. 이렇게 세 가지 요소(초기식, 조건식, 증감식)를 한 줄에 작성하므로 반복의 흐름을 한눈에 파악하기 쉬워서 직관적이고 간결하게 반복 작업을 처리할 수 있습니다. 단, 조건이 만족하지 않으면 반복이 실행되지 않으며, 조건을 잘못 설정하면 무한 루프가 발생할 수 있으므로 주의해야 합니다.

for (초기식; 조건식; 증감식) {
  // 조건식이 true일 동안 반복 실행할 코드
}

 

for (let i = 1; i <= 5; i++) {
  console.log(`현재 숫자: ${i}`);
}

 

for (let dan = 2; dan <= 9; dan++) {
  for (let i = 1; i <= 9; i++) {
    console.log(`${dan} x ${i} = ${dan * i}`);
  }
}

 

2. break 문

break 문은 자바스크립트에서 반복문(for, while, do...while)이나 switch 문에서 사용되어 실행 흐름을 강제로 빠져나올 때 사용됩니다. 반복문 안에서 break를 만나면 조건식에 상관없이 즉시 반복문을 종료하고, 반복문 바깥의 코드로 흐름이 이동합니다. 따라서 특정 조건에서 반복을 중단하고 싶을 때 매우 유용하게 사용됩니다. 특히 무한 루프를 만들고 특정 조건에서 break를 통해 탈출하는 방식은 자주 쓰이는 패턴입니다.

for (let i = 1; i <= 10; i++) {
  if (i > 5) {
    break;
  }
  console.log(`i의 값: ${i}`);
}

 

3. continue 문

continue 문은 자바스크립트에서 반복문(for, while, do...while) 내에서 사용되어, 현재 반복을 중단하고 다음 반복으로 건너뛰게 하는 제어문입니다. continue를 만나면 해당 반복문의 남은 코드는 실행하지 않고, 조건식 평가로 넘어가거나 증감식을 수행하여 다음 반복을 시작합니다. 이를 통해 특정 조건에서만 반복문 내부의 코드를 실행하고, 나머지는 건너뛰고자 할 때 유용하게 사용할 수 있습니다.

for (let i = 1; i <= 5; i++) {
  if (i === 3) {
    continue;
  }
  console.log(`i의 값: ${i}`);
}