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

동일한 코드를 원하는 횟수만큼 반복하거나 배열 안의 수많은 데이터를 하나씩 꺼내볼 때 사용하는 필수 구문입니다. 자바스크립트에서는 전통적인 for문 뿐만 아니라 배열 순회에 특화된 for...of 문법도 자주 사용합니다.

for 반복문 작동 순서 (Flowchart)

반복문은 시작점을 정하고, 조건이 참일 때 블록을 실행한 후 증감하는 과정을 뱅글뱅글 돕니다.

            for (
            let i = 0; 
            i < 3; 
            i++ ) { ... }
        
            1️⃣ 시작점 설정 (let i = 0)
        
                반복 구간 (루프)
            
                2️⃣ 조건 확인 (i < 3)

                참(True)이면 아래로 진행!
            
                3️⃣ 코드 블록 실행

                { 중괄호 안의 코드 실행 }
            
                4️⃣ 증감식 실행 (i++)

                이후 다시 2번(조건)으로 돌아감 ⬆️

반복문 (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--; // 조건을 변화시키지 않으면 무한 루프(브라우저 멈춤)에 빠집니다! } console.log("발사!");