프로그램을 작성하다 보면 어떤 작업을 계속해서 수행해야 하는 상황이 생길 수 있습니다. 이 경우 루프 문을 작성하여 코드 양을 줄여야 합니다.
JavaScript는 모든 프로그래밍 단계에서 도움이 되는 모든 필수 루프를 지원합니다.
while 루프
JavaScript에서 가장 기본적인 루프는 while 루프이며, 이 튜토리얼에서 이에 대해 설명합니다.
문법
while (expression){ Statement(s) to be executed if expression is true }
while 루프의 목적은 명령문이나 코드 블록을 반복적으로 실행하는 것입니다(표현식이 true인 경우). 표현식이 false이면 루프가 종료됩니다.
예:
다음 예에서는 기본 while 루프를 보여줍니다.
<script type="text/javascript"> <!-- var count = 0; document.write("Starting Loop" + "<br />"); while (count < 10){ document.write("Current Count : " + count + "<br />"); count++; } document.write("Loop stopped!"); //--> </script>
이렇게 하면 다음과 같은 결과가 나타납니다.
Starting Loop Current Count : 0 Current Count : 1 Current Count : 2 Current Count : 3 Current Count : 4 Current Count : 5 Current Count : 6 Current Count : 7 Current Count : 8 Current Count : 9 Loop stopped!
do...while 루프:
do...while 루프는 조건 확인이 루프 끝에서 발생한다는 점을 제외하면 while 루프와 유사합니다. 즉, 조건이 거짓이더라도 루프는 항상 적어도 한 번은 실행됩니다.
문법
do{ Statement(s) to be executed; } while (expression);
do...while 루프 끝에 세미콜론을 사용하는 것에 유의하세요.
예:
예를 들어, 위 예에서 do... while 루프 프로그램을 작성해 보세요.
<script type="text/javascript"> <!-- var count = 0; document.write("Starting Loop" + "<br />"); do{ document.write("Current Count : " + count + "<br />"); count++; }while (count < 0); document.write("Loop stopped!"); //--> </script>
이렇게 하면 다음과 같은 결과가 나타납니다.
Starting Loop Current Count : 0 Loop stopped!