[자바스크립트] 반복문 (loop)

반복문은 해당 조건이 true일 경우 동일한 코드를 반복해서 수행하는 구문입니다.

자바스크립트에는 3가지 반복문이 있습니다. 3가지 반복문은 같은 일을 수행합니다. 

사용자가 편한 반복문을 선택해서 사용하시면 됩니다.

 

1) 'while' 반복문

- 'while' 반복문의 사용법은 아래와 같습니다.

while (condition) {
  // 코드
  // 가감부분입니다.
}

- 'while' 반복문 예

var number = 1;   // 조건부에 들어갈 변수를 지정해 줍니다.

while(number < 10){  // number가 10 미만 true면 코드를 실행합니다.
	alert(number + " 입니다.");
	number = number + 1;  // number 값을 1 증가 시킵니다. 가감부분입니다.
}

* 위 예시에서 'number = number + 1;' 가감코드가 없으면 위 코드는 무한으로 반복 됩니다.

 

2) 'do - while' 반복문

- 'do - while' 반복문은 condition을 코드 아래로 옮길 수 있습니다.

do {
  // 코드
} while (condition);

- 'do - whlie' 반복문 예

var number = 1;  // 조건부에 들어갈 변수를 지정해 줍니다.

do {
	alert(number + " 입니다.");
	number = number + 1;  // number 값을 1 증가 시킵니다. 가감부분입니다.
} while(number < 10);  // number가 10 미만 true면 코드를 실행합니다.

* 'do-while' 문은 조건 상관없이, 코드를 최소한 1회 실행 후 조건부를 확인하고 싶을때 사용합니다.

  'while' 문처럼 'number = number + 1;' 가감코드가 없으면 위 코드는 무한으로 반복 됩니다.

 

3) 'for' 반복문

- 'for' 반복문은 보편적으로 가장 많이 쓰이는 반복문입니다. 

for (begin; condition; step) {
  // 반복 코드
}

- 'for' 반복문 예

for(var number = 1 ; number < 10 ; number++){
	alert(number + " 입니다.");
}

'for'문을 구성하는 각 요소가 무엇을 의미하는지 알아봅시다.  위 반복문을 실행하면 number가 1부터 10이 될 때까지(단, 10은 포함하지 않음) 'alert(number + " 입니다.")'가 실행됩니다.

 

begin은 'for'문이 실행될 때 조건부에 들어갈 변수를 지정해 줍니다. 

condition은 'for'문의 조건부에 해당 됩니다. 조건부가 true면 코드를 실행하고 false면 반복문을 멈춥니다.

step는 'for'문의 가감부분입니다. 코드가 실행 된 후 실행 됩니다. 'for'문의 제일 마지막에 실행 됩니다.

 

4) 반복문 종료 시키기

반복문은 조건부 값이 false가 되면 종료 됩니다. 하지만 특별한 지시자인 break를 사용하면 즉시 반복문을 종료 시킬수 있습니다.

- break 사용 예

for(var number = 1 ; number < 10 ; number++){
    if(number == 5){
    	break;
    }
    alert(number + " 입니다.");
}

위 반복문을 실행 시키면 number값이 5가 되는 순간 반복문은 종료 됩니다. 따라서 출력 되는 숫자는 1에서 4까지만 출력 됩니다.  

 

5) 반복문 다음 반복으로 넘어가기

continue 지시자는 반복문 전체를 종료시키지 않고 현제 실행 되고 있는 반복 구간을 중지시키고 다음 반복구간을 강제로 실행 시킵니다.  단 다음반복구간의 조건부가 false면 반복문은 종료 됩니다.

- continue 사용 예

for(var number = 1 ; number < 10 ; number++){
    if(number % 2 == 0){
    	continue;
    }
    alert(number + " 입니다.");
}

위 반복문을 실행시키면 number값이 짝수일 경우 continue가 코드를 중단 시키고 다음반복구간을 실행 시킵니다.

따라서 홀수인 1, 3, 5, 7, 9만 출력됩니다.