[JavaScript] 반복문

반복문은 어떠한 동작을 여러 번 실행해야 할 때 사용한다.

 

만약 1부터 100까지의 숫자를 더해야 한다면 명령을 100줄 작성해야 하지만,

반복문을 사용하면 간단명료하게 코드를 작성할 수 있다.

 

for문

for문가장 많이 사용되는 반복문으로, 값이 일정하게 커지면서 명령을 반복하여 실행할 때 사용한다.

//for문 기본형

for(초깃값; 조건; 증가식) {
	실행 할 명령
}

for문은 초깃값->조건->명령->증가식의 순서로 실행되고,

초깃값은 카운터 변수를 초기화하는 것으로 0이나 1부터 시작한다.

조건은 명령을 반복하기 위한 조건을 체크하는 것으로, 이 조건을 만족해야만 그다음에 오는 명령을 실행한다.

증가식은 명령을 반복한 후 실행되는데, 보통 카운터 변수를 1 증가시키는 용도로 사용한다.

 

//for문 예시 1부터 3까지 더하기
<script>
	var i;
    var sum = 0;
    
    for(i = 1; i < 4; i++) {
    	sum += i;
    }
    document.write("1부터 3까지 더하면" + sum)
</script>

카운터 변수 i에 초깃값 1을 지정하고 조건(i < 4)이 맞다면 아래와 같은 순서로 명령을 실행한다.

i = 1 (초깃값 지정), i < 4 , (조건 만족 시), sum += i (명령실행), i++ (증가식 실행) = 1

i = 1 (초깃값 지정), i < 4 , (조건 만족 시), sum += i (명령실행), i++ (증가식 실행) = 2

i = 1 (초깃값 지정) , i < 4, (조건 만족 시), sum += i (명령실행), i++ (증가식 실행) = 3

i = 1 (초깃값 지정) , i < 4, (조건 만족하지 않음) -> for문을 빠져나옴

 

중첩된 for문

조건문 if-else와 마찬가지로 for문도 중첩되어 사용할 수 있다.

for문 안에 다른 for문을 넣는 것을 중첩된 for문이라고 하며, 안쪽에 있는 for문을 모두 실행한 뒤 바깥쪽 for문을 실행한다.

 

while문

while문은 조건을 체크하여 조건이 true인 경우에만 명령을 반복한다.

즉, 조건이 flase인 경우에는 단 한 번도 명령이 실행되지 않으며, { } 블록을 만들어 여러 명령을 반복할 수 있다.

//while문 기본형

while(조건) {
	실행 할 명령
}

do~while문

while문과 달리 do~while문은 조건이 가장 뒤에 붙는다.

do문은 일단 명령을 한번 실행한 후 while문에서 조건을 체크하기 때문에 조건이 flase라 하더라도 최소 한 번은 명령이 실행된다.

//do~while문 기본형
do {
	실행 할 명령
} while (조건)

while문과 do~while문은 초깃값이나 반복 크기가 없이 어떤 조건만 주어졌을 때 많이 사용한다.

 

break문

멈춤을 담당하는 break문은 반복문 내에서 종료 조건이 되기 전에 반복문을 빠져나와야 할 경우 사용한다.

단독으로 사용이 가능하며, 반복문을 끝낼 조건을 붙여 함께 사용할 수도 있다.

 

continue문

건너뛰기를 담당하는 continue문은 주어진 조건에 해당하는 값을 만나면 해당 반복문을 건너뛴 후,

반복문의 맨 앞으로 되돌아가 다음 과정을 실행한다.

즉, 반복 과정을 한 차례 건너뛴다고 생각하면 쉽다.