[2022/02/08]국비지원 javascript 2-(2) 조건반복실행

 

같은 조건에서 반복적으로 실행하는 함수.
조건에서 실행을 '반복'하기 때문에 '반복문'이라고 함

 

 

---

 

1. While
   

   수식
   
   var i = 초기값;
         while(조건식){
             실행문;
             증감식;
             }

   
   

   var i = 1;
      while(i<10){
        document.write(i + "<br>");
        i++;
      }​

   
   
   
   ≫ 예제1
   

   // 10부터 1까지 내림차순으로 2의 배수만 출력 (이 경우에는 감해지는 경우라 i-- 꼭 붙여야)
       var i = 10;
         while(i > 0){
           if( i % 2 == 0 ){
             document.write(i + "<br>");
           }
           i--;
         }

   
   
   
   ≫ 예제2
   

   // 1부터 100까지 오름차순, 3의 배수만 출력 3~99
       var i = 1;
         while(i <= 100){
           if( i % 3 == 0 ){
             document.write(i + "<br>");
           }
           i++;
         }

   
   
   
   
   
2. for
   

   수식
   
   for(var k=초기값 ; 조건식 ; 증감식){
   	실행문;
   }

   
   
   
   ≫ 예제1
   

   // 1,2,3,4,5,6,7,8,9,10
     for( var k = 1 ; k <= 10 ; k++ ){
       document.write(k + "<br>");
     }

   
   
   ≫ 예제2
   

   // 10부터 1까지 내림차순 2의 배수만
     for( var k = 10 ; k >= 1 ; k-- ){
         if( k % 2 == 0 ) {
           document.write(k + "<br>");
       }
     }

   
   
   
   ≫ 예제3
   

   // h6 즐거운 금요일!! 5 4 3 2 1 반복
     for( var k = 6; k >= 1 ; k-- ){
       document.write( "h" + k + " 즐거운 금요일!!" + "<br>");
     }

   
   
   
   ≫ 예제4
   

   // <h1>h1 즐거운금요일!!</h1> 을 6까지
     for( var k = 1; k <= 6 ; k++ ){
       document.write( "<h" + k + ">"+ "h" + k +" 즐거운 금요일!!" + "</h" + k + ">"+"<br>");
     }

   
   
   
   ≫ 예제5
   

   // <img src='images2/quick01_0.png' alt='0'>
   // 0 ~ 19
     for( var k = 0; k < 20 ; k++ ){
       document.write( "<img src='images2/quick01_" + k + ".png' alt='" + k +"'>" + "<br>");
     }

   
   
   
   ≫ 예제6
   

   // 구구단 2단 (2x1=2)
     var dan = 2;
     var result;
     document.write("<h1>" + dan + "단</h1>");
     for( var k = 1; k <= 9 ; k++ ){
         document.write("2x" + k + "=" + k*2 + "<br>");
     }

   
   
   
   
   
   
   
3. for 중첩
   

   수식
   
   for(){
      for(){}
   }​

   
   
   
   ≫ 예제
   

   // 구구단 2단 ~ 9단
   
     for( var k = 2; k <= 9 ; k++ ){
       document.write("<h1>" + k + "단</h1>");
         for( var d = 1; d <= 9 ; d++ ){
           document.write( k + "x" + d + "=" + k*d + "<br>");
         }
     }​

   
   
   
   
   

   ---

   
   
   
4. break = 동작 그만!
   

     for( var i = 1; i < 11; i++){
       document.write(i + "<br>");
       if(i==5) break;
     }​

   
   
   
   
   
5. continue : 실행 끝, 증감 반복
   

     for( var i = 1; i < 11; i++){
       if(i % 2 == 1) continue;
       document.write(i + "<br>");
     }

   
   
   
   
   
   

---

 

 

자꾸 함수 실행문 괄호 닫을 때
;(세미콜론) 깜빡하는 경향이..