자바스크립트 기본 문법!(반복문)-Java Script

반복문

반복문은 명령을 정해진 횟수나 값만큼 반복하며 특정 값을 도출해내는 명령입니다.

그중에 for문, 중첩된 for문, while문, do-while문 등에 대해서 알아보겠습니다.

 

---

for문

기본형)
     for(초기값; 조건; 증가식) {
             실행할 명령
     }

1. 초기값은 카운터 변수를 초기화합니다.
2. 조건은 명령을 반복하기 위한 조건입니다.  해당 조건에 만족해야 명령을 실행합니다.
3. 증가식은 명령을 반복한후 실행되는것으로 카운터 변수를 1 증가시킵니다.

예를들어 

1부터 5까지 숫자들의 합을 구하는 식은 이렇게 표현이 가능합니다.

  <script>
    var i;
    var sum = 0;

    for(i = 1; i < 6; i++){
      sum = sum + i;
    }
    document.write("1부터 5까지 더한값은 : " + sum );
  </script>

1부터 100까지의 숫자들의 합은..

            var i;
            var sum=0;

            for(i=0; i<=100; i++){
              sum += i;
            }
            document.write("1 부터 100까지의 합은 : " + sum);

1부터 100까지 짝수 숫자들의 합과 홀수 숫자들의 합은..

 

   var i;
   var pair = 0;
   var odd = 0
   for(i=0; i<=100; i++){
     if(i % 2 === 0){
       pair += i;
   }else{
     odd += i;
   }
 }
   document.write("1 부터 100까지의 짝수 합은 : " + pair + "<br>");
   document.write("1 부터 100까지의 홀수 합은 : " + odd);

이렇게 표현이 가능합니다!

---

중첩for문 은 for문을 중첩하게 쓰는것입니다.

예를들어 구구단을 출력해볼까요?

    var i,j;

    for(i=1; i<=9; i++){
      // document.write("<div>");	스타일 부여를 위한 div 설정..
        document.write( "<h3>" + i + "단" + "</h3>" );
      for(j=1; j<=9; j++){
        document.write(i + " X " + j + " = " + i*j + "<br>");
      }
      // document.write("</div>");  스타일부여를 위한 div 설정..
    }

i가 9만큼 증가하는동안 j도 9까지 증가한다고 생각하면 됩니다.

 

이런식으로 for문을 겹쳐서 사용할수 있습니당

 

---

while문

조건을 체크하고 true 라면 { }의 명령을 실행합니다.
→조건이 false 라면 명령을 실행 하지 않을수도 있습니다!

기본형)
while(조건) {
     실행할 명령
   }

 

do - while 문

일단 명령을 한번 실행한후에 조건을 체크합니다.
true라면 { }의 명령을 실행하고, false 라면 빠져나옵니다.
→조건이 false 라도 무조건 한번은 실행이 됩니다.

기본형)
do {
        실행할 명령
    }  while(조건)

 

while문 예제로 팩토리얼을 한번 출력해볼까요?

코드는 다음과 같습니다.

    var num = prompt("숫자입력하세용");
    
    var i = 1;
    var nFact = 1;

    document.write(num + "! 는 ");

    if(num !== null){
     while(i <= num){


        document.write(i + " ");
        if(i!=num)
          document.write(" X ");
        i++;
      }
    }else{
      document.write("입력 실패");
    }

이런식으로 사용할수가 있습니당!