[JavaScript] while,do while, for 반복문 활용

while 반복문

while 문은 반복 시작 전에 조건을 평가합니다. 조건이 참이면 반복문 본문이 실행되고, 조건이 거짓이 되는 순간 반복이 종료됩니다.

기본 구조

let i = 0;
while (i < 3) {
  console.log(i); // 0, 1, 2 출력
  i++;
}

조건에 변화가 없으면 무한 루프에 빠질 수 있습니다. 적절한 조건 설정이 반드시 필요합니다.

do while 반복문

do while 문은 반복문 본문을 먼저 실행한 후 조건을 평가합니다. 본문은 최소 한 번은 반드시 실행됩니다.

let i = 0;
do {
  console.log(i); // 0, 1, 2 출력
  i++;
} while (i < 3);

for 반복문

반복 변수의 선언, 조건 평가, 반복 후 행동을 한 줄에 작성할 수 있습니다.

for (let i = 0; i < 3; i++) {
  console.log(i); // 0, 1, 2 출력
}

• begin : 반복문이 시작될 때 단 한 번 실행(let i = 0)
• condition : 각 반복마다 조건을 평가(i < 3)
• step : 반복문 본문이 실행된 후 실행(i++)

구성 요소 생략하기

begin 생략

이미 변수가 선언되어 있다면 해당 부분을 생략할 수 있습니다.

let i = 0;
for (; i < 3; i++) {
  console.log(i);
}

step 생략

for문에서 step을 생략하면 while 문과 유사합니다.

let i = 0;
for (; i < 3;) {
  console.log(i++);
}

모든 구성요소 생략

무한반복이 되므로 break 조건을 걸어 반복문을 종료해야 합니다.

for (;;) {
  // 무한 반복: break 조건을 반드시 추가해야 합니다.
}

반복문 제어(break, continue, 레이블)

break

break는 반복문 전체를 즉시 종료시킵니다.

for (let i = 0; i < 10; i++) {
  if (i === 5) break;
  console.log(i); // 0, 1, 2, 3, 4
}

continue

continue는 현재 반복을 건너띄고 다음 반복으로 넘어갑니다.

for (let i = 0; i < 10; i++) {
  if (i % 2 === 0) continue;
  console.log(i); // 1, 3, 5, 7, 9
}

레이블 함께 사용하기

레이블은 중첩 반복문에서 특정 반복문을 빠져나오건, 다음 반복으로 넘어가기 위해 사용할 수 있습니다.

outer: for (let i = 0; i < 3; i++) {
  for (let j = 0; j < 3; j++) {
    if (i === 1 && j === 1) break outer;
    console.log(`i: ${i}, j: ${j}`);
  }
}