[JS] 반복문(while 문, for 문)

반복문이란?

한가지 동작을 여러번 반복하는 것을 말한다.

 

 

 

while 문

 

조건이 들어가는 부분은 Boolean형 데이터 타입이 들어간다.

조건의 부분이 true인 동안은 반복문이 실행되고,

false가 되면 해당 반복문은 실행을 멈춘다.

 

예를 들어 (i < 5)에서 i의 값이 0~4까지이면 true니까 i = 4 일때 까지만 반복문이 실행되고,

그 이후의 값이 i에 할당되면 false가 되어 해당 반복문을 빠져나오고, 다음 작업을 실행한다.

while(조건){
	반복해서 실행할 코드;
}


// 예시1
var i = 0;
while(i < 5){
	document.write("Hello_" + i + "<br/>");
	i++;
}

// 출력결과
Hello_0
Hello_1
Hello_2
Hello_3
Hello_4

 

 

조건이 들어가는 부분들에 대해서 내가 이해한 것을 적어보자면 이러하다.

첫번째로 i를 초기화를 함과 동시에 기준점을 잡아주고

두번째로 i에 대한 조건이 맞다면(true), {} 안의 코드를 실행하고,

세번째로 i의 증감한 뒤에 그 값으로 갱신 시키고,

 

다시 그 (이전에 증감된)값으로 i의 조건을 판별하고,

조건에 맞다면 실행시키고, 또 증감 후 갱신시키고...

 

이것을 조건이 true일 때 동안 계속 반복한다.

var i = 0;  // 변수 i를 초기화 해주는 부분. 기준점과 같은 역할
while(i < 5){  // i에 대한 조건
	document.write("Hello_" + i + "<br/>");
    	i++; // 반복적으로 코드가 실행될 때마다 i의 값을 갱신해주는 부분
}

 

 

그런데 반복문을 사용할 때 피해야할 주의사항이 있다.

그것은 바로 '무한루프'이다.

무한루프는 어떠한 반복이 실행이 될 때, 그 반복이 정지하고 않고 계속해서 끊임없이 반복된다.

아래와 같은 예시의 코드는 피해야한다.

while(true){
	document.write("Stop, please");
}

 

 

 

 

for 문

 

while 문과 마찬가지로 코드를 반복 실행할 때 사용한다.

for 문 보다 조건을 적는 부분을 간결하게 쓸 수 있다.

 

for(초기문; 조건문; 증감문){
	반복해서 실행할 코드;
}


// 예시1
for(var i = 0; i < 5; i++){
	document.write("Hello_" + i + "<br/>");
}

// 출력결과
Hello_0
Hello_1
Hello_2
Hello_3
Hello_4

 

 

 

 

for 문과 while 문의 차이점?

 

상황에 따라서

while문은 (조건식) 밖에 없기 때문에 반복 횟수를 예측할 수 없을 때 사용하고,

for문은 반복 횟수를 정할 수 있기 때문에 몇 번 반복할 지 예측 할 수 있을 때 사용한다.