반복문

본 수업은 폐지 예정입니다. 자바스크립트 언어 수업과 웹브라우저 자바스크립트로 수업이 리뉴얼 되었기 때문에 이것을 이용해주세요.

반복문(loop, iteration)은

반복적인 작업을 수행
조건이 프로그램을 똑똑하게 만든다면, 반복은 프로그램을 강력하게 만듬
종료되는 조건을 잘못 지정하면 무한반복에 빠짐 - 가장 심각한 오류 중의 하나
for, while 문이 있음

형식 - for

for( 초기화 ; 반복조건 ; 반복코드 ) {
     반복시 실행되는 로직
}

example1.html - (jsfiddle, github)

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
    </head>
    <body>
        <script>
            for (var i = 0; i < 10; i++) {
                document.write(i);
                document.write('<br />');
            }
        </script>
    </body>
</html>

형식 - while

while(반복조건) {
    반복시 실행되는 로직
}

example2.html - (jsfiddle, github)

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
    </head>
    <body>
        <script>
            var i = 0;
            while (i < 5) {
                document.write(i);
                document.write(',');
                i++;
            }
        </script>
    </body>
</html>

break : 반복을 종료한다.

example3.html - (jsfiddle, github)

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
    </head>
    <body>
        <script>
            var i = 0;
            while(true) {
                if (i == 3) {
                    break;
                }
                document.write("The number is " + i);
                document.write("<br />");
                i++;
            }
        </script>
    </body>
</html>

continue : 현재 로직을 종료하지만 반복은 유지한다

example4.html - (jsfiddle, github)

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
    </head>
    <body>
        <script>
            for ( i = 0; i <= 10; i++) {
                if (i == 3) {
                    continue;
                }
                document.write("The number is " + i);
                document.write("<br />");
            }
        </script>
    </body>
</html>

반복문의 중첩

example5.html - (jsfiddle, github)

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
    </head>
    <body>
        <script>
            for ( i = 0; i < 10; i++) {
                for ( j = 0; j < 10; j++) {
                    document.write(i + '' + j + '<br />');
                }
            }
        </script>
    </body>
</html>

참고

반복문에 대한 읽을거리(생활코딩 페이스북)