백엔드/JavaScript

[JavaScript]자바스크립트 - 반복문

silvering0 2021. 6. 23. 09:34

반복문 (loop, iterate)

 

1. While 문

while (조건){반복할 코드}

while 문은 무한반복문에 속한다. 종료조건을 주지 않으면 계속 리디렉션이 되는데,

웹브라우저에서 무한루프를 실행하다 보면 알아서 중단된다? 세션만료 같은 현상이 일어난다.

 

무한루프를 벗어나려면? 반복조건을 정해주면 된다.

 

반복조건

var i = 0;

while(i < 10){
    document.write('Hi <br />');
    i++
}

조건이 10 아래일 때인데, 계속해서 1씩 더해주기 때문에,

언젠가 변수가 10을 넘어가면, 반복문이 멈추게 된다.

 

while 문 구성

 1. var i 초기화,

 2. 반복실행,

 3. 반복조건

 

2. For 문

for(초기화; 반복조건; 반복이 될 때마다 실행되는 코드){
    반복해서 실행될 코드
}

while 문 대신 사용할 수 있다.

while 문의 조건 3가지를 한번에 적어두면, 오류가 적고 보기도 쉽다.

for 문은 () 안에 변수초기화, 반복 조건과 반복실행 이 모두 들어가 있다.

 

반복문의 제어 (break, continue)

- Break

for(var 1=0;0<1<10;1++){
	if(i==4){break;}
    document.write('Hi + i + '<br/>');}

for 문 안에 if 문을 넣어주면,

for 문이 반복조건하에서 돌아가다가 if 조건과 만나면 그 조건을 실행한다.

그런데 if 안에 break가 있으니,

i==4 인 순간이 오면 멈추게 된다.

결과를 보면, 4 에서만 결과가 없이,

즉 Hi0, Hi1, Hi2,Hi3,  이렇게 나타난다.

그리고 for 문을 다시 실행하지 않기 때문에, 결과가 중단된다.

 

-Continue

for(var 1=0;0<1<10;1++){
	if(i==4){continue;}
    document.write('Hi + i + '<br/>');}

if 안에 continue가 있으aus,

i==4 인 순간이 오면 멈추게 된다.

하지만 지속하라는 의미이기 때문에,

4를 제외하고 다른 결과는 모두 출력되어

Hi0, Hi1, Hi2,Hi3, Hi5,Hi6,Hi7,Hi8,Hi9 이렇게 나타난다.