Top

반복문

반복문이란 프로그램 내에서 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문입니다. 프로그램이 처리하는 대부분의 코드는 반복적인 형태가 많으므로, 가장 많이 사용되는 실행문 중 하나입니다.

반복문에는 while문do while문, for문이 있습니다. 그리고 반복문의 제어는 break문continue문이 있습니다

while문

while 문은 특정 조건을 만족할 때까지 계속해서 주어진 실행문을 반복 실행합니다.

while 문 내부에 표현식의 결과를 변경하는 실행문이 존재하지 않으면 무한루프에 빠질 수 있습니다.

while문의 기본형

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

while 문은 조건식을 만족할 때까지 중괄호({...}) 안에 있는 코드를 반복하여 실행합니다.

while 문의 실행순서는 ①조건식을 검사하고, 만족하면 ②중괄호 안에 있는 코드와 증감식을 실행합니다. 그리고 ③다시 조건식을 검사합니다.


예제 - 안녕하세요1~안녕하세요10까지 출력
<script>
    var i = 1;
    while(i<=10 ) {
        document.write("안녕하세요" + i, "<br/>");
        i++
    }
    document.write("====The End====");
 </script>

for문

for 문은 조건식을 만족할 때까지 특정 코드를 반복하며 실행합니다.

for 문은 while 문과는 달리 자체적으로 초기식, 표현식, 증감식을 모두 포함하고 있는 반복문입니다. 따라서 while 문보다는 좀 더 간결하게 반복문을 표현할 수 있습니다.

for문의 기본형

for(초깃값; 조건식; 증감식){
  자바스크립트 코드;{
}
예제 - 반복1~반복10까지 i를 1씩 증가시켜 출력
<script>
        초깃값   조건식   증감식
    for(var i = 1;   i <=10;   i++){
        document.write("반복"+i, "<br>");
    }
</script>

break문

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

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

while
var 변수=초깃값;
while(조건식){
break; //반복문을 강제로 종료합니다.
자바스크립트 코드;
증감식;
}
예제 - 안녕하세요1~안녕하세요10까지 출력
<script>
    for(var i = 1; i <=10; i++){
        if(i == 6) break;       //i의 값이 6이면 break 문으로 종료합니다. 
        document.write(i, "<br>");
    }
    document.write("=== The End ===");
</script>

continue문

continue 문은 반복문에서만 사용할 수 있습니다.

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

continue 문의 기본형

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

var 변수=초깃값;
while(조건식){
  증감식;
  continue;
  자바스크립트 코드;
예제 - for문을 이용해 1부터 10까지 i가 2의 배수일 경우에만 continue 실행하여 홀수만 출력
<script>
    for(var i = 1; i <=10; i++) {
        if(i % 2 == 0 ) continue;       //continue 문은 반복문 이후의 코드 실행을 건너뛰고 다시 반복문의 증감식을 수행합니다.
        document.write(i, "<br>");
    }
    document.write("===The End===");
</script>