minstudio

반복문 (for, while)과 배열 순회

동일한 코드를 원하는 횟수만큼 반복하거나 배열 안의 수많은 데이터를 하나씩 꺼내볼 때 사용하는 필수 구문입니다.

for 반복문 작동 순서 (Flowchart)

반복문은 코드를 순서대로 뱅글뱅글 돌며 실행합니다.

for ( let i = 0; i < 3; i++ ) { ... }
1️⃣ 시작점 설정 (let i = 0)
반복 구간 (루프)
2️⃣ 조건 확인 (i < 3)
참(True)이면 아래로 진행!
3️⃣ 코드 블록 실행
{ 중괄호 안의 코드 실행 }
4️⃣ 증감식 실행 (i++)
이후 다시 2번(조건)으로 돌아감 ⬆️ 
// 1. for 문: 반복 횟수가 명확할 때 사용
// for(초기화; 조건식; 증감식)
for (let i = 1; i <= 3; i++) {
    console.log(`for 반복문 ${i}회차 실행`);
}

// 2. 모던 자바스크립트의 for...of (배열을 순회할 때 강력 추천)
const colors = ["빨강", "파랑", "초록"];
for (const color of colors) {
    console.log(`내가 좋아하는 색깔: ${color}`);
}

// 3. while 문: 특정 조건이 만족하는 동안 무한 반복
let count = 3;
while (count > 0) {
    console.log(`카운트다운: ${count}`);
    count--; // 조건을 변화시키지 않으면 무한 루프(브라우저 멈춤)에 빠집니다!
}
실행 결과
반복문 (for, while)과 배열 순회 | Minstudio