[Javascript] 반복문

반복문이란?

같거나 비슷한 코드들을 여러번 실행 시켜야 할 때 중복 코드들을 제거 해 줄 수 있는 구문

 

let sum = 0;
sum += 1;
sum += 2;
sum += 3;
sum += 4;
sum += 5;

위와 같은 코드들은 반복적인 작업을 수행하므로 반복문을 이용하여 코드의 길이를 줄일 수 있음

 

 

반복문의 종류

반복문의 종류에는 for 문과 while 문이 있음

 

for문

for 문의 형식은 for( 조건의 초기화, 조건식, 증감문) 의 형태임.

//위의 코드를 for 문으로 표현

let sum = 0;

for(var i = 1; i <= 5; i++){ //1. i = 1 로 초기화 2. i 가 5와 같거나 작을때 동안 반복문 실행
							 //3. 루프가 한번 돌때마다 i가 1씩 증가
	sum += i;
}

i 를 먼저 1로 초기화 한 후 i 가 5보다 작거나 클때 동안만 실행하는 조건을 제시.

반복 루프가 한번씩 돌 떄마다 i는 1씩상승 즉 , i 가 1 ~ 5까지 돌면서 위에 작성한 1 부터 5까지의 합과 동일해짐.

 

while문

while 문도 for 문과 같이 조건에 맞게 반복한다는 것은 같으나 조건식 만 괄호안에 넣어주고 조건의 초기화, 증감문은 따로 생성해야 함

let sum = 0;

let i = 1; //조건을 블록 밖에서 생성

while(i <= 5){//괄호 안에는 조건문만 넣어줌
	sum += i;
    	i++;//증감은 블록 내부에서
}

위의 코드는 for문에서 작성한 코드와 같지만 조건의 선언은 블록 밖에서 선언했고, 조건의 증감은 블록 내부에서 실행 함.

 

 

반복문 사용 시 주의사항

반복문 사용 시 조건을 잘못 줄 경우 무한루프에 빠질 수 있음

for(var i=0; i < 10; i--){
	console.log("hellow world!")
}

위와 같은 코드는 i를 0으로 초기화하고 i 가 10 보다 작을동안 실행시키지만, 한번 루프가 돌때마다 i를 1씩 감소시켜서 결국 i가 커질 경우가 없기 때문에 무한루프에 빠지게 됨.

무한루프에 빠질 경우 메모리 과부하 등 심각한 오류를 발생시킬 수 있음.

위 사진과 같이 hellow world! 가 끊임없이 콘솔에 출력