Javascript

반복문

반복문을 이용하면 코드를 원하는 횟수만큼 반복하여 실행할 수 있습니다. 가령, "안녕하세요!"라는 문구를 100회 출력하려면 출력문을 100번 작성해야 하지만 반복문을 사용한다면 한 줄의 출력문으로 100회 출력할 수 있습니다. 반복문에는 while문과 do while문, for문이 있습니다.

while문

while문은 조건식에 만족할 때까지 반복적으로 실행하는 반복문입니다. 조건식을 검사하고 만족하면 실행문을 실행하고 증감식을 실행합니다.

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

다음은 while문을 사용해 '안녕하세요1~안녕하세요10'까지 1씩 증가하면서 10회 출력하도록 작성한 예제 입니다.

06:  <script>
07:     var i = 1;
08:     while(i <=10){       *조건식 i <=10 을 만족하면 증괄호의 코드를 실행합니다.
09:      document.write("안녕하세요" + i, "<br/>" );
10:      i++;
11:     }
12:     document.write("==== The End ====");
13:</script>

do while문

while문은 조건을 검사하고 코드를 반복적으로 실행합니다. 첫 조건이 거짓이라면 코드를 실행하지 않을 수 있습니다. 하지만 do while문은 조건이 참, 거짓과 상관없이 최소한 한 번은 실행합니다.

var 변수 = 초깃값;
do {
    실행문;
    증감식;
} while (조건식)

다음은 do while문의 예제 입니다. 중괄호에 있는 코드를 먼저 실행하고 조건식을 검사합니다.

06:  <script>
07:     var i = 10;
08:     do {
09:      document.write("hello");
10:     } while(i < 3 )
11:</script>

break문과 continue문은 반복문을 제어하는 명령어입니다.

break문

반복문인 while 문 또는 for문에서 break문을 실행하면 조건식과 상관없이 강제로 반복문을 종료합니다. 즉, break문은 반복문을 강제로 종료할 때 사용합니다.

for(초깃값; 조건식; 증감식){
    break;      //반복문을 강제로 종료합니다.
    자바스크립트 코드;
}

var 변수=초깃값;
while(조건식){                    
    break;      //반복문을 강제로 종료합니다.
    자바스크립트 코드;
    증감식
}

다음은 for 문을 이용하여 1부터 10까지 반복하도록 작성한 예제입니다. 그리고 break 문을 사용하여 변수 i의 값이 6일 경우 강제로 반복문을 종료합니다.

06:  <script>
07:     for(var i = 1; i<= 10; i++){
08:     if(i == 6) break;
09:      document.write( i,"<brt>");     *i의 값이 6이면 break 문으로 종료합니다.
10:     }
11:     document.write("==== The End ====");
12:</script>

continue문

continue 문은 반복문에서만 사용할 수 있습니다. while 문에 사용할 경우 continue 문 다음에 오는 코드는 무시하고 바로 조건식으로 이동해 조건 검사를 합니다. 즉, while 문 안에 있는 continue 문은 "다음에 오는 코드는 무시하고 조건식에서 조건 검사를 실행해!"라고 말하는 것이죠.

for(초깃값; 조건식; 증감식){
    continue;
    자바스크립트 코드;
}

var 변수 = 초깃값;
while(조건식){
    증감식;
    continue;
    자바스크립트 코드;
}

다음은 for 문을 이용해 1부터 10까지 i가 2의 배수일 경우에만 continue 문을 실행하여 홀수만 출력하는 예제입니다.

06:  <script>
07:     for(var i = 1; i<= 10; i++){
08:     if(i % 2 ==0) continue;        *continue 문은 반복문 이후의 코드 실행을 건너뛰고 다시 반복문의 증감식을 수행합니다. 
09:      document.write( i,"<brt>");
10:     }
11:     document.write("==== The End ====");
12:</script>