🔁 [ 반복문 (for Loop) 정리 ]

---

🧭 [ 반복문 vs 조건문 ]

구분	설명
🔄 반복문	특정한 조건의 논리 결과가 true일 때, 명령어를 반복 처리한다.
⚖️ 조건문	특정한 조건의 논리 결과(true / false)에 따라 명령어를 한 번만 처리한다.

---

🧠 [ 반복문을 쓰는 이유 ]

반복문 없이도 코드를 작성할 수는 있지만, 반복되는 코드가 많아지면 유지보수가 어렵고, 코드가 복잡해진다.
💡 반복문은 “효율적이고 간결한 코드 작성”을 위한 핵심 문법이다.

---

⚙️ [ 일반형 구조 ]

for (초기값; 조건문; 증감식) {
    실행문;
}

구성요소	설명
🧩 초기값	반복 횟수를 결정하는 변수의 시작값
⚖️ 조건문	true일 때만 { } 실행, false면 반복 종료
🔺 증감식	반복 변수의 증감(++, --)
🧾 실행문	조건이 true일 때 반복 실행되는 코드

📊 시각화 예시

---

🔄 [ for 반복문 실행 순서 ]

초기값 → 조건문(true) → 실행문 → 증감식 → 조건문(true) → 실행문 … → 조건문(false) → 반복 종료

---

🍎 [ 배열과 반복문의 관계 ]

항목	설명
📦 인덱스	배열의 각 데이터가 저장된 순서 번호 (0부터 시작)
📏 배열 길이	배열명.length
🔚 마지막 인덱스	배열명.length - 1

let 과일상자 = ['사과', '포도', '딸기'];

for (let index = 0; index <= 과일상자.length - 1; index++) {
    console.log(과일상자[index]);
}

📤 결과

---

💭 [ 생각해보기 ]

dataList의 모든 자료를 <ul> 안의 <li>로 출력하시오.

let dataList = [];

// 데이터 입력
for (let count = 1; count <= 3; count++) {
    let data2 = prompt("data2: ");
    dataList.push(data2);
}

// HTML 마크업 생성
let html = `<ul>`;
for (let index1 = 0; index1 <= dataList.length - 1; index1++) {
    html += `<li>${dataList[index1]}</li>`;
}
html += `</ul>`;

// 출력
document.write(html);

📤 결과 예시

---

🧩 [ 주요 개념 정리 ]

🔍 .indexOf() — 배열 탐색 함수

예시	설명
fruit.indexOf('사과')	배열에 '사과'가 있으면 해당 인덱스 번호 반환
-1	해당 데이터가 없을 때 반환값

---

🔄 스왑(Swap, 교체)

두 변수 간의 값을 교환하는 방법

let A = 10;
let B = 20;
let TEMP;

TEMP = A;  // TEMP = 10
A = B;     // A = 20
B = TEMP;  // B = 10

console.log(A, B);  // 20, 10

📌 TEMP(임시 변수) 를 이용해 기존 데이터를 잃지 않고 안전하게 교체 가능.

---