CodeGym /행동 /Frontend SELF KO /JavaScript에서의 루프

JavaScript에서의 루프

Frontend SELF KO
레벨 34 , 레슨 0
사용 가능

6.1 while 루프

JavaScript에서 루프는 특정 조건이 충족되는 동안 코드를 여러 번 실행하게 해줘. 이건 반복 작업을 자동화하는 데 도움이 되는 중요한 부분이야.

while 루프는 조건이 참(true)인 동안 코드를 실행해.

문법:

    
      while (condition) {
        // 조건이 참인 동안 실행될 코드
      }
    
  

예제:

JavaScript
    
      let i = 0;
      while (i < 5) {
        console.log(`반복 ${i}`);
        i++;
      }

      // 출력:
      // 반복 0
      // 반복 1
      // 반복 2
      // 반복 3
      // 반복 4
    
  

이 예제에서:

  • i가 5보다 작으면 루프가 계속 실행돼
  • 루프 안에서 i의 값은 각 반복 후에 1씩 증가해

6.2 n번 블록 코드 실행하기

고정된 횟수만큼 블록 코드를 실행해야 할 때가 정말 많아. 이 코드를 wihle 루프로 기록할 수 있어:

    
      let i = 0;
      while (i < 5) {
        console.log(`반복 ${i}`);
        i++;
      }
    
  

일반적으로는 이렇게 보일 거야:

    
      초기화
      while (조건) {
        블록 코드
        단계
      }
    
  

6.3 for 루프

for 루프

for 루프는 JavaScript에서 가장 자주 사용되는 루프 중 하나야. 이건 특정 횟수만큼 코드를 반복하도록 특별히 만들어졌어.

문법:

    
      for (초기화; 조건; 단계) {
        // 각 반복에서 실행될 코드
      }
    
  

예제:

JavaScript
    
      for (let i = 0; i < 5; i++) {
        console.log(`반복 ${i}`);
      }
      // 출력:
      // 반복 0
      // 반복 1
      // 반복 2
      // 반복 3
      // 반복 4
    
  

설명:

  • let i = 0 — 반복 횟수를 세는 변수 i의 초기화
  • i < 5 — 루프가 계속 실행될 조건. i가 5가 되면 루프가 중지돼
  • i++ — 각 반복 후에 i의 값을 1씩 증가시키는 단계

6.4 do...while 루프

do...while 루프는 while 루프와 비슷하지만, 조건을 확인하기 전에 적어도 한 번은 코드를 실행해.

문법:

    
      do {
        // 적어도 한 번은 실행될 코드
      } while (조건);
    
  

예제:

JavaScript
    
      let i = 0;
      do {
        console.log(`반복 ${i}`);
        i++;
      } while (i < 5);

      // 출력:
      // 반복 0
      // 반복 1
      // 반복 2
      // 반복 3
      // 반복 4
    
  

이 예제에서:

  • do 안의 블록 코드는 처음에 조건이 거짓이라도 적어도 한 번은 실행돼
  • 코드가 실행된 후 조건이 참이면 루프가 계속 돼

6.5 루프 비교

루프 언제 사용 특징
for 반복 횟수가 알려진 경우 간결한 문법, 배열에 유용
while 반복 횟수가 미리 알려지지 않은 경우 각 반복 전에 조건이 확인돼
do-while 코드를 적어도 한 번 실행해야 하는 경우 코드 실행 후에 조건이 확인돼

루프 사용 예제

for를 이용한 배열 순회:

JavaScript
    
      let array = [1, 2, 3, 4, 5];
      for (let i = 0; i < array.length; i++) {
        console.log(array[i]);
      }

      // 출력: 1 2 3 4 5
    
  

조건 대기를 위한 while 사용:

JavaScript
    
      let n = 0;
      let x = 0;
      while (n < 3) {
        n++;
        x += n;
      }

      console.log(x); // 6 (1 + 2 + 3)
    
  

적어도 한 번은 실행을 위한 do-while 사용:

JavaScript
    
      let i = 0;

      do {
        console.log(i);
        i++;
      } while (i < 0);

      // 출력: 0 (거짓된 조건에도 불구하고 한 번 실행돼)
    
  
코멘트
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION