Javascript 반복문의 효용과 제어, 중첩 (+i+,break,continue)

<script type="text/javascript">
	for (var i = 0; i < 10; i++){
     		document.write("Cording everybody "+i+"<br />");
            }
</script>

 

+i+ 출력된 문구 옆에 카운팅을 해준다 (0부터 출력됨)

+(i+1)+ 1부터 카운팅 된다.

+(i*2)+ 2의 배수로 숫자가 출력이 된다.

 

 

break : 반복작업을 중간에 중단시키고 싶다.

for(var i = 0; i < 10; i++){
    if(i === 5) {
        break;
    }
    document.write('coding everybody'+i+'<br />');
}

 i의 값이 5일 때 break 문이 실행되면서 반복문이 완전히 종료된 것이다. 반복문 안에서 break가 실행되면 반복문을 즉시 종료시킨다.

 

continue : 실행을 즉시 중단하면서 반복은 지속하게 한다.

for(var i = 0; i < 10; i++){
    if(i === 5) {
        continue;
    }
    document.write('coding everybody'+i+'<br />');
}

 

i의 값이 5가 되었을 때 실행이 중단 된다. continue 이후의 구문이 실행되지 않은 것이다.

하지만 반복문은 중단되지 않았기 때문에 나머지 결과가 출력된다.

 

 

for ~ for ~

반복문 안에는 다시 반복문이 나타날 수 있다. 다음 예제를 보자. 다음 예제는 00, 01, 02....99 까지를 화면에 출력한다.

// 0부터 9까지 변수 i에 순차적으로 값을 할당        
for(var i = 0; i < 10; i++){
    // 0부터 9까지의 변수를 j의 값에 순차적으로 할당
    for(var j = 0; j < 10; j++){    
        // i와 j의 값을 더한 후에 출력
        // String은 숫자인 i와 j의 데이터 타입을 문자로 형태를 변환하는 명령이다. 
        // String()을 제거하고 실행해보면 의미가 좀 더 분명하게 드러날 것이다.
        document.write(String(i)+String(j)+'<br />');
    }

 

for (var j = 0; j < 10; j++)     j 변수의 값이 모두 실행이 된 후에 i의 변수의 for문이 실행된다.

**단순히 글자를 반복적으로 출력하기 위해서 반복문을 사용한다고 생각 할 수도 있다. 하지만 반복문의 진가는 배열과 결합했을 때 나타난다. 

 

Cording eveybody 00   i=0, j=0

Cording eveybody 01   i=0, j=1

Cording eveybody 02

Cording eveybody 03

Cording eveybody 04

...................

Cording eveybody 10  i=1, j=0

Cording eveybody 11  i=1, j=1