JavaScript

반복문

반복문
  • 반복문은 명령문을 원하는 횟수만큼 반복하기 위한 구문입니다.
  • 반복문에는 while문, do-while 문, for 문 등이 있습니다.

 

 

 

while 문
  • 조건문이 참일 때 실행됩니다.
  • 조건은 문장이 실행되기 전에 참, 거짓을 판단합니다.
  • 기본적인 구문은 다음과 같습니다.
while (조건문)
    실행 문장
    ...

 

<script type="text/javascript">
    var n = 0;
    var x = 0;

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

    document.write(n + "<br>");
    document.write(x + "<br>");
</script>

 

 

 

do ... while 문
  • do ... while 문은 테스트 조건이 false로 평가 될 때까지 지정된 문을 실행하는 루프를 만듭니다.
  • while 문의 경우 조건식을 먼저 검사한 뒤 루프를 반복하였지만, do ... while 문의 경우 조건문이 뒤에 있으므로 반드시 한번은 명령문이 실행된 후, 조건을 검사하고 반복할지 여부를 결정합니다.
  • 기본적인 구문은 다음과 같습니다.
do
    실행문장;
while (조건문);

 

<script type="text/javascript">

    var result = '';
    var i = 0;
    do {
        i += 1;
        result += i + ' ';
    } while (i < 5);

    document.write(i + "<br>");
    document.write(result + "<br>");     
       
</script>

 

 

 

for 문
  • 가장 많이 사용하는 반복문입니다.
  • 초기값과 조건식, 증감식을 지정하여 특정 횟수만큼 반복되게 합니다.
  • 기본적인 구문은 다음과 같습니다.
for ([초기값]; [조건식]; [마지막 표현 방식])
    실행문장;

 

  • 초기값은 변수(카운터 변수)를 초기화합니다.
    주로 반복하기 위한 변수를 초기화할 때 사용합니다.
  • 조건식이 참이면 반복하게 되고, 아니면 반복문을 빠져나갑니다.
  • 마지막 표현 방식은 반복문이 한번씩 돌 때마다 다음 조건식을 판단하기 전에 수행되는 부분입니다.
    보통 증감식을 많이 사용하며, 카운터 변수를 증감하거나 바꿀 때 사용합니다.

 

  • 여러 문장을 수행할 경우 중괄호로 묶어줍니다.
  • 초기값, 조건식, 마지막 표현 방식은 모두 생략 가능합니다.

 

<script type="text/javascript">
    
    for (var i = 0; i < 9; i++) {
        document.write(i + "<br>");
    }

</script>

 

 

  • 초기값을 생략할 때는 다음과 같이 사용합니다.
<script type="text/javascript">

    var i = 0;

    for (; i < 9; i++) {
        document.write(i + "<br>");
    }

</script>

 

 

  • 조건식을 생략할 경우 반복을 중단할 장치를 추가해야 합니다.
    하지 않을 경우 무한 반복하게 됩니다.
<script type="text/javascript">

    for (var i = 0;; i++) {
        document.write(i + "<br>");
        if (i > 3) break;
    }

</script>

 

 

  • 세가지를 모두 생략할 수도 있습니다.
<script type="text/javascript">
    var i = 0;

    for (; ;) {
        if (i > 3) break;
        document.write(i + "<br>");
        i++;
    }

</script>

 

 

 

 

continue 문
  • continue 문은 반복문에서 사용합니다.
  • 반복하는 중 continue 문을 만날 경우 continue 문 이후의 문장은 실행되지 않고 다음 반복으로 넘어갑니다.

 

<script type="text/javascript">

    var i = 0;
    var n = 0;

    while (i < 5) {
        i++;

        if (i === 3) {
            continue;
        }

        document.write(i + "<br>");

        n += i;
    }

    document.write(n + "<br>");

</script>

 

 

 

중첩 for 문
  • 반복문은 여러 번 중첩하여 사용 가능합니다.
  • 여기선 for 문에 대해서만 중첩하여 사용해보도록 합니다.

 

  • 다음은 중첩 for 문을 사용하는 대표적인 구구단 예제입니다.
<script type="text/javascript">
    
    for (var j = 1; j <= 9; j++) {
        for (var i = 2; i <= 9; i++) {
            document.write(i + " * " + j + " = " + i*j);
            document.write("&nbsp;&nbsp;&nbsp;");
        }
        document.write("<br>");
    }

</script>

 

 

 

 

 

댓글

댓글 본문