자바스크립트 - 반복문

 

 

들어가기에 앞서, 

인간은 반복적인 작업을 잘하지 못한다.

실수하고, 지루해한다. 컴퓨터는 이런 반복적인 작업을 대행하기 위해서 만들어진 기계다.

반복문은 컴퓨터에게 반복적인 작업을 지시하는 방법이다.

 

반복문의 문법은 몇 가지가 존재한다.

그것은 바로, while문과 for문이다.

 

 

while문에 대해서 알아보자.

형식은 아래와 같다.

while (조건){
    // 반복해서 실행할 코드
}

while문은 while문 뒤에 따라오는 괄호 안의 조건이 참(true) 면 중괄호 안의 코드 구간을 반복적으로 실행한다. 조건이 false면 반복문이 실행되지 않는다. 

여기서 true와 false는 종료조건이 되는데, 이 값을 변경하는 것을 통해서 반복문을 종료시킬 수 있다.

단, 반복문에서 종료조건을 잘못 지정하면 무한반복이 되거나, 반복문이 실행되지 않는다.

while(true){ // 무한반복
    document.write('Hello world! <br />'); 
}

while(false){ // 아예 실행이 안됨
    document.write('Hello world! <br />');
}

 

 

다음으로 for문에 대해서 알아보자.

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

for문은 제일 먼저 '초기화'를 한다.

그 다음에는 '반복 조건'이 실행된다.

그다음에는 '반복해서 실행될 코드'가 출력이 되고,

그다음에는 '반복이 될 때마다 실행되는 코드'가 실행이 되어

초기화를 제외한 반복 조건이 틀릴 때까지 나머지를 반복한다.

 

for(var i = 0; i < 10; i++){
    document.write('Hello world'+i+'<br />');
}

 

또, 반복문을 제어할 수 있는 용어를 알아보자.

 

 

반복 작업을 중간에 중단시키고 싶다면 어떻게 해야 할까? 

그럴 때, break를 사용하면 된다.

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

 

그럼 실행을 즉시 중단 하면서 반복은 지속돼게 하려면 어떻게 해야 할까?

바로 continue를 사용하면 된다!

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