Back

반복문

반복문을 이용하면 코드를 원하는 횟수만큼 반복하여 실행할 수 있다. "실행되었습니다."라는 문구를 100회 출력하려면 10번 작성해야 하지만 반복문을 사용한다면 한 줄의 출력문으로 10회 출력할 수 있다.

while 문

while 문은 조건식을 만족할 때까지 코드를 여러 회 반복하여 실행할 수 있다.

while 문 기본형

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

예시

<script>
    var i=1;
    while( i <=10) {         //조건식 i <= 10을 만족하면 중괄호의 코드를 실행한다.
        if(i % 2 == 0 && i % 6 == 0){
        document.write("안녕하세요" + i, "<br>");
        }
        i++;
    }
    document.write("===== The End =====");
</script>

for 문

for 문은 조건식을 만족할 때까지 특정 코드를 반복하여 실행한다. 사용 방법은 while 문과 같지만 while 문보다 사용하기 편해 사용 빈도가 높은 편이다.

for 문 기본형

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

예시

<script>
        초깃값  조건식  증감식
    for(far i=1; i < 10; i++){
        document.write("반복" + i, "<br>")
    }
</script>

break 문

반복문인 while 문 또는 for 문에서 break 문을 실행하면 조건식과 상관없이 강제로 반복문을 종료한다.

while 문과 for 문이 사용된 기본형

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

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

예시

<script>
    for(var i = 1; i <= 10; i++){
        if(i == 6) break
        document.write(i, "<br>")
    }
    document.write("===== The End =====");
</script>

continue 문

continue 문은 반복문에서만 사용할 수 있다. while 문에 사용할 경우 continue 문 다음에 오는 코드는 무시하고 바로 조건식으로 이동해 조건 검사를 한다.

for문에서 continue 문을 실행할 경우에는 continue 문 다음에 오는 코드는 무시하고 바로 증감식으로 이동하여 증감 연산을 실행합니다. for 문 안에 있는 continue 문은 다음에 오는 코드는 무시하고 증감식을 실행합니다.

continue 문의 기본형

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

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

예시

<script>
    for(var i = 1; i <= 10; i++){
        if(i % 2 == 0) continue;
        document.write(i, "<br>")
    }
    document.write("===== The End =====");
</script>