while 루프의 기본 개념
자바스크립트에서 가장 기본적인 반복문은 while 루프입니다. while 루프의 목적은 주어진 조건식이 참(true)인 동안 특정 문장 또는 코드 블록을 반복적으로 실행하는 것입니다. 조건식이 거짓(false)으로 평가되는 순간 반복이 중단되고, 프로그램은 루프 바깥의 다음 코드로 이동합니다.
기본 문법
자바스크립트에서 while 루프의 기본 문법은 다음과 같습니다.
while (조건식) {
// 조건식이 참일 때 실행될 문장들
}while 루프는 코드 블록을 실행하기 전에 먼저 조건식을 검사합니다. 따라서 시작부터 조건이 거짓이라면 블록 내부의 코드는 단 한 번도 실행되지 않는다는 점이 특징입니다.
예제
다음 예제를 직접 실행해 보면 while 루프의 동작 방식을 쉽게 이해할 수 있습니다.
<html>
<body>
<script>
var count = 0;
document.write("Starting Loop ");
while(count < 10){
document.write("Current Count : " + count + "<br/>");
count++;
}
document.write("Loop stopped!");
</script>
</body>
</html>실행 결과
위 코드를 실행하면 변수 count가 0부터 9까지 증가하면서 각 숫자가 차례대로 화면에 출력되고, count가 10이 되어 조건식이 거짓이 되는 순간 반복이 종료된 후 "Loop stopped!" 메시지가 출력됩니다.
주의사항: 무한 루프
조건식이 계속 참으로 유지되면 루프가 영원히 멈추지 않는 무한 루프에 빠질 수 있습니다. 이를 방지하려면 루프 내부에 조건을 거짓으로 만드는 코드(예: 카운터 증가)를 반드시 포함해야 합니다. 위 예제에서는 count++ 구문이 그 역할을 담당합니다.