혼자 튀김/코딩

혼자 JS 튀킴: 반복문(while), 다중 while문, 반복문(for) 복습

발등튀KIM 2025. 8. 10. 20:16

안녕하세요!

 

오늘은 국비 수업시간 때 배운 자바스크립트 반복문을 다시 복습하는 시간을 가졌습니다.
특히 while문, 다중 while문, for문을 실습하다 보니 헷갈리는 부분이 있어서 정리해봤어요.

 


반복문이란?

: 반복문은 특정 코드를 여러 번 실행하도록 하는 문법입니다.

예를 들어, "안녕하세요"를 10번 출력하려면 그냥 10줄을 쓰는 대신 반복문으로 한 줄만 작성해서 반복하게 만들 수 있습니다.


while문

: while문은 조건이 참(ture)인 동안 코드를 반복합니다.

 

기본 구조

while (조건식) {
  // 실행할 코드
}

 

예시

let i = 1;

while (i <= 5) {
  console.log(i + "번째 출력");
  i++; // i 값을 1씩 증가
}

 

설명

  • i가 1에서 시작
  • i <=5일 동안 반복
  • 실행할 때마다 i가 1씩 커짐 -> 1,2,3,4,5 출력 후 종료

다중 while문

: while문 안에 또 다른 while문을 넣을 수 있습니다.

이것을 중첩 반복문 or 다중 while문이라고 합니다.

 

예시: 구구단 출력

let dan = 2;

while (dan <= 9) {
  let i = 1;
  while (i <= 9) {
    console.log(dan + " x " + i + " = " + (dan * i));
    i++;
  }
  dan++;
}

 

설명

  • 바깥 while: 2단 ~ 9단까지
  • 안쪽 while: 각 단에서 1 ~ 9까지 곱하기 수행
  • 바깥 반복이 한 번 돌 때 안쪽 반복이 9번씩 돈다.

for문

: for문은 반복 횟수가 정해져 있을 때 많이 사용합니다.

while문보다 시작값, 조건식, 증가값을 한 줄에 함께 작성하므로 코드가 깔금해요.

 

기본구조

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

 

예시: 1 ~ 5 출력

for (let i = 1; i <= 5; i++) {
  console.log(i);
}

 

설명

  • i = 1 에서 시작
  • i <= 5 조건이 참(true)이면 실행
  • 매 반복마다 i++ (= 1씩 증가)

while문 vs for문 차이

구분 while문 for문
용도 반복 횟수가 정해져 있지 않을 때 반복 횟수가 정해져 있을 때
구조 조건만 쓰고 증가/감조는 따로 작성 초기값, 조건, 증감을 한 줄에 작성
예시 데이터가 끝날 때까지 읽기 1부터 100까지 더하기

예시 문제

 

문제1

- 1 ~ 10까지 합 구하기(while문)

 

문제2

- 구구단 7단(for문)

 

 

문제3

- 다중 for문으로 별찍기

 

 


마무리

 

  • while: 조건이 맞는 동안 계속 반복
  • 다중 while: 반복문 안에 반복문
  • for: 반복 횟수가 명확할 때 깔끔하게 사용
  • 반복문은 코드를 짧고 효율적으로 만들지만, 무한 루프에 빠지지 않도록 주의해야 함

 

728x90

'혼자 튀김 > 코딩' 카테고리의 다른 글

혼자 HTML 튀김: display: block | inline-block | none  (3) 2025.07.19