[JavaScript] 반복문이란? (for, forEach, while)

📍반복문(loop)이란?
같은 작업을 여러 번 반복하고 싶을 때 사용하는 아주 중요한 문법으로 특정 조건이 참(true)인 동안 코드를 반복 실행됨.

---

✅ for 문

• 기본 구조
  • 초기값: 반복을 시작할 때 변수 설정
  • 조건식: 이 조건이 참일 동안 반복
  • 증감식: 반복할 때마다 변수 변화

for (초기값; 조건식; 증감식) {
  // 반복할 코드
}

// 헷갈리면 이렇게 생각해도 됨.
for(초기화; 반복조건; 반복이 될 때마다 실행되는 코드){
    반복해서 실행될 코드
}

• for문 예제
  

✅ forEach( )문
배열(Array)의 각 요소에 대해 한 번씩 주어진 함수를 실행하는 배열 전용 반복 메서드

• 기본 구조
  • 요소: 현재 요소 값
  • 인덱스: 현재 인덱스
  • 배열전체: 원래 배열

    배열.forEach(function(요소, 인덱스, 배열전체) {
     // 반복해서 실행할 코드
    });```

• forEach( )문 예제
  

✅ while 문

• 기본 구조
  • 조건식이 true인 동안 계속 반복.
  • 초기값 설정과 증감식 처리는 직접 작성.

while (조건식) {
  // 조건이 참이면 실행될 코드
}

• while문 예제
  

---

➡️ for문 vs while문

항목	for문	while문
사용 목적	반복 횟수가 정해져 있을 때	반복 횟수가 정해져 있지 않을 때
구성 방식	초기값, 조건식, 증감식을 한 줄에 모두 포함	따로 변수 선언과 증감을 처리해야 함
가독성	반복 구조가 명확해서 간단함	조건 중심 반복에 적합

➡️ for문 vs forEach( )문

항목	for 문	forEach() 메서드
사용 대상	배열, 문자열, 일반 반복 모두 가능	배열(Array) 전용
문법	전통적인 반복문 (인덱스 기반)	배열의 각 요소를 콜백 함수로 반복
중간에 멈추기	break, continue 사용 가능	사용 불가능 (return해도 반복 종료 안 됨)
가독성	조건식 명확 (유연함)	짧고 간결, 가독성이 좋음
비동기 사용	await 사용 가능 (async function 내에서)	await 사용 어렵고 주의 필요