학습 공간 개념 · 판단 · 실험

Frontend Performance Lab

JavaScript

반복문으로 여러 값 처리하기

반복문은 같은 처리를 여러 항목에 적용합니다.

이럴 때 필요해요

좌석 번호를 하나씩 출력하면서 반복의 순서를 익힙니다.

어떻게 동작하나요?

비슷한 코드를 여러 줄 복사하는 대신 반복문을 사용할 수 있습니다. for에서는 시작 값, 계속할 조건, 한 번 실행한 뒤의 변경을 지정합니다.

아래 코드는 i를 1로 시작하고 i가 3 이하인 동안 본문을 실행합니다. 한 번 실행한 뒤 i를 1 늘리고 조건을 다시 확인합니다.

조건이 언젠가 거짓이 되도록 만들어야 합니다. 계속 참인 반복문에서 오래 계산하면 화면이 반응하지 않을 수 있습니다. 긴 작업의 영향은 원리 단계의 메인 스레드 실험에서 확인합니다.

코드 예제

동작을 설명하는 읽기 전용 예제입니다.

example.js
for (let i = 1; i <= 3; i = i + 1) {
  console.log(i);
}
javascript · 읽기 전용3줄

1, 2, 3을 차례로 출력합니다. i가 4가 되면 조건이 거짓이라 끝납니다.

자주 헷갈리는 포인트

  • 종료 조건이나 증가 처리를 빠뜨리면 반복이 끝나지 않을 수 있습니다.
  • <=와 <의 차이로 마지막 항목이 달라질 수 있습니다.

내 말로 설명해 보기

조건을 i < 3으로 바꾸면 어떤 값이 출력될까요?

생각할 단서 예제의 값을 하나 바꿔 보고, 바뀌는 부분과 그대로인 부분을 구분해 보세요.

예시 답변 확인

설명에 들어갈 핵심

  • 반복문은 같은 처리를 여러 항목에 적용합니다.
  • 1, 2, 3을 차례로 출력합니다. i가 4가 되면 조건이 거짓이라 끝납니다.

예시 답변

1과 2만 출력합니다. i가 3이 되는 순간 조건이 거짓이 되어 본문을 실행하지 않습니다.

문장을 그대로 외우기보다 예제의 값과 실행 흐름을 떠올리며 설명해 보세요.

공식 참고 자료

← JavaScript