본문 바로가기

Programming/JavaScript

[Javascript] 반복문(iterate, loop)

반복문에는 두 가지 종류가 있다.

1. while문

2. for문

 

1. while문

변수 초기화

while(반복 조건) {

    반복 실행문

}

 

<script>
	//초기화
	var i = 0;
    while(i < 10) { //반복조건
    	document.write("Hello World");
    	i = i + 1; //반복실행
    }
</script>

    

2. for문

for(초기화; 반복조건; 반복실행){

    실행문

}

 

 - 초기화부분은 실행 초기에 한 번만 실행됨

- 반복조건이 true로 충족하면 반복조건 실행

- 실행문이 실행되면 반복실행문 실행  -> 반복조건 충족여부 판별

 

*for문 괄호 안에 마지막의 세미콜론(;)은 생략한다.

 

<script>
	for(var i = 0; i < 10; i = i + 1){
    	document.write("Hello World");
    }
</script>

* i = i + 1의 다른 표현방법

i++ 

i = 0; 

alert(i++); // alert이 실행되는 중 i값에 0이 저장된다.

(alert이 실행된 후에 i 값에 1이 저장된다.)

 

++i

i = 0; 

alert(++i); // alert이 실행되는 중 i값에 1이 저장된다.

(i값이 1이 저장되고 나서 alert이 실행된다.)

 

실행 후 결과는 같지만 실행 중에  i에 저장되어있는 값이 다르다.

 

- 반복문의 제어 -

break : 현재 반복문을 종료시키고 반복문 밖으로 빠져나간다

 

<script>
	while(var i = 1; i < 10; i++;){
    	if(i === 5){
        	break;
        }
        document.write(i <br />);
        
    }
</script>

continue : 현재 반복문이 중지되고 다시 반복된다.

-> continue를 만난 후 남은 반복문은 실행하지 않는다.

 

<script>
	while(var i = 1; i < 10; i++;){
    	if(i === 5){
        	continue;
        }
        document.write(i <br />);
        
    }
</script>

5가 빠져있다

i의 값에 5가 저장되면 if문에 의해 continue;가 실행된다. continue가 실행되면 그 아래 반복문은 더 이상 실행되지 않고 다시 반복문이 실행된다.