자바스크립트

반복문

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

while문

while문은 조건식을 만족할 때까지 코드를 여러 회 반복하여 실행할 수 있습니다. 다음은 while문의 기본형입니다.

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

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

<script>
    var i = 1;
    while(i<=10){
        document.write("안녕하세요"+i,"<br>");
        i++;
    }
    document.write("==== The End ====");
</script>

while문의 조건식 i는<=10을 만족(true)하면 중괄호의 코드를 실행하고 변수 i의 값이 1만큼 증가됩니다. while문은 i의 값이 11이 될 때까지 실행합니다.

for문

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

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

다음예제는 for문으로 '반복1 ~ 반복10'까지 i를 1씩 증가하며 출력하도록 작성했습니다.

<script>
    for(let i=1; i<=10; i++){
        document.write("반복" + i + "
");
    }
</script>

break문

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

다은은 for문과 while문에서 break문이 사용된 기본형입니다.

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

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

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

<script>
    for(let 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문 다음에 오는 코드는 무시하고 바로 증감식으로 이동하여 증감 연산을 실행합니다. continue문의 기본형입니다.

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

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

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

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