[문돌이의IT] 자바스크립트 반복문을 파헤치자(for문)

 특정한 영역, 지정한 영역을 원하는 만큼 반복해서 수행하는 제어문을 반복문이라 한다. 그 중 절대적으로 많이 쓰이는 for문을 예제를 통해 파헤쳐보자.

 

for(var i=0; i<5; i++){

}

 

 순서대로 해석하자면 i라는 변수를 0으로 시작해서 5보다 작은 값까지 1씩 증가시킨다는 의미이다. for문의 소괄호 안에는 시작하는 값, 조건, 증감식을 나타낸다. 만약 식을 입력해도 작동하지 않는다면 괄호 안의 값이 맞는지 다시 한 번 확인해야 한다.

 

 중괄호를 말하는 브레이스는 “{ }” 반복시킬 영역이다. 이 사이에 반복 시킬 값들을 입력하면 소괄호 안에 있는 식에 따라 명령을 수행한다.

 

 Var i값이 0인 경우를 가장 많이 접하겠지만 꼭 0일 필요는 없다. 필요에 따라 시작 값은 변경 가능하다. For문 말고도 while문이 있는데 가장 큰 차이는 반복 횟수의 지정 여부이다. for문은 괄호 안에 반복하고 싶은 횟수를 지정할 수 있지만 while문은 조건만 입력이 가능하기 때문에 잘못하면 같은 작업이 무한으로 반복된다.

 

 이제 예제를 통해 익혀보자.

 

다음 식을 입력 시 출력되는 값은?

 

var a=1;

while (a<6){

             document.write(a);

             a++;

}

 

 A의 값을 1로 선언하고 a의 값은 6을 넘지 않도록 조건을 설정했다. 그리고 a++로 a의 값을 1씩 지정되도록 만들었으니 12345 라는 결과가 출력된다.

 

 10 이하의 수 중에서 3의 배수를 출력하려면 필요한 식은?

 

 for(var b=3; b<10; b+=3){

             document.write(b);

}

 

 3의 배수이니 b값을 3으로 시작했다. 10을 넘지 않는 조건을 넣고 3씩 더해지는 증감식을 넣었다. 369라는 결과가 출력됨을 알 수 있다.

 

 구구단에서 9단을 출력하는 식을 작성해보자

 

for(var c=1; c<10; c++){

document.write("9*"+c+"="+9*c + "<br>");

}

 

출력 값

9*1=9

9*2=18

9*3=27

9*4=36

9*5=45

9*6=54

9*7=63

9*8=72

9*9=81

 

 9단이기 때문에 document.write 안에 "9*", "=", "<br>" 값을 기본으로 주었다. 변수 c가 1씩 증가하는 식을 만들어서 9단을 표현한 것이다. 가로로 값이 쭉 나열되기 때문에 br을 넣어주었다.

 

 AAAAABBBBB 를 출력해보자

 

 for(var d=0; d<10; d++){

             if(d<5){

                           document.write("A");

             }else{

                           document.write("B");

             }

}

 

 For와 if, else를 모두 사용했다. D의 값은 10보다 작은 조건에서 1씩 증가한다. 대신 d의 값이 5미만일 경우 A 값을, 아니면 B를 출력하도록 식을 세웠다.