[JavaScript 기본] 반복문

반복문은 동일한 코드를 여러 번 실행할 때 사용함

가장 기본은 `for`문이며, 상황에따라 `while`, `for...of`, `for...in` 등 다양한 방식을 사용함

---

1. `for 문`

// 구조
// for (초기식; 조건식; 증감식) {
//     실행 코드
// }

for (let idx = 0; idx < 10; idx++) {
  console.log(idx);
}

 

• 해석
  1. `let idx = 0` -> 반복 시작 시 한 번만 실행
  2. `idx < 10` -> 조건 확인 (true일 때만 반복 진행)
  3. 블록 `{}` 실행
  4. `idx++` 실행 -> 조건 다시 검사
• 즉, '초기 -> 조건 -> 실행 -> 증감 ->조건 -> ...' 순환 구조

---

예시 : 짝수만 출력 (`continue`)

for (let i = 0; i < 10; i++) {
  if (i % 2 === 0) {
    continue; // 조건 참이면 아래 코드 건너뛰고 다음 반복으로 이동
  }
  console.log(i); // 홀수만 출력
}

---

예시2 : 중간에 멈추기 (`break`)

for (let i = 0; i < 10; i++) {
  if (i >= 5) {
    break; // 반복 즉시 종료
  }
  console.log(i); // 0~4까지만 출력
}

---

2. `while`문

• 조건이 참인 동안 계속 반복 (조건이 false가 되면 종료)

let count = 0;

while (count < 5) {
  console.log("반복:", count);
  count++;
}

• 특징
  1. `for`와 달리 초기식, 증감식이 따로 있음
  2. 조건이 처음부터 false면 한 번도 실행되지 않음

---

3. `do...while`문

• 조건이 나중에 검사됨 -> 무조건 한 번은 실행됨

let num = 0;

do {
  console.log(num);
  num++;
} while (num < 3);

• `while` vs `do...while` 비교

구분	실행 순서	최소 실행 횟수
`while`	조건 → 실행	0회 가능
`do...while`	실행 → 조건	최소 1회

---

4. `for...of`문

• 배열, 문자열 등 반복 가능한 객체 순회

const fruits = ["사과", "바나나", "포도"];

for (const fruit of fruits) {
  console.log(fruit);
}
// 사과, 바나나, 포도 출력

• 특징
  1. 인덱스 번호 대신 값 자체를 바로 사용 가능
  2. 배열, 문자열, `Map`, `Set` 등에서 사용 가능
  3. 객체에는 사용 발구

---

5. `for...in`문

• 객체의 속성(key) 순회

const user = { name: "도서", age: 27, location: "경기" };

for (const key in user) {
  console.log(`${key}: ${user[key]}`);
}
// name: 도서
// age: 27
// location: 경기

• 특징
  1. key(속성 이름)를 순회
  2. 배열에도 쓸 수 있지만 권장 X (순서가 보장되지 않음)