[모던 JS 튜토리얼] 2.13. while, for 반복문

2.13.1. ‘while’

while(condition) {

코드

반복문 본문

};

<script>
      
      let i = 0; 
      while (i<3){
         alert(i);
         i++;
      }

   </script>

2.13.2. ‘do…while’

do {

반복문 본문

} while (condition);

<script>
      
      let i = 0; 
      do{
         alert(i);
         i++;
      } while(i<3);

   </script>

2.13.3. ‘for’

for (begin ; condition ; step){

//반복문 본문

}

<script>
      
   let i = 0;

   if (i < 3) { alert(i); i++}
   if (i < 3) { alert(i); i++}
   if (i < 3) { alert(i); i++}

</script>

2.13.4. 구성 요소 생략하기

begin 생략

<script>
      
   let i = 0;

   for(; i<3; i++){
      alert(i);
   }

   </script>

step 생략

<script>
      
   let i = 0;

   for(; i<3;){
      alert(i);
   }

   </script>

모든 구성 요소 생략 → 무한 반복문 생성

<script>
      
   let i = 0;

   for(;;){
      alert(i);
   }

   </script>

2.13.5. 반복문 빠져나오기

• 대부분 반복문의 조건이 falsy가 되면 빠져나옴
• break 사용하기

<script>
      
   let sum = 0;
   while(true){
      let value = +prompt('숫자를 입력해', '');
      if(!value) break; //사용자가 입력 X or Cancel 버튼 눌렀을 때 활성화 

      sum += value;
      
   }
      alert('합계는 ' + sum);
   </script>

→ break : 사용자가 입력 X or Cancel 버튼 눌렀을 때 활성화

2.13.6. 다음 반복으로 넘어가기

continue

• 전체 반복문을 멈추지 않음 (unlike break)
• 실행 중인 이터레이션을 멈추고 다음 이터레이션 강제 실행 시킴 (조건 통과 시)

홀수만 출력하는 코드

<script>
      for (let i = 0; i < 10; i++){
      if(i % 2 == 0) continue;
      alert(i);

}
   </script>

2.13.7. break, continue와 레이블

여러 개의 중첩 반복문을 한 번에 빠져나와야 하는 경우

i와 j를 반복하면서 프롬프트 창에 (0,0) 부터 (2,2)까지 구성하는 좌표 (i,j)를 입력하게 해주는 코드

<script>

      for (int i = 0; i <3; i++){
         for (let j = 0; j<3; j++){
            let input = prompt('(${i}, ${j})의 값', '');
         }
      }

      alert('완료');

</script>