[javascript] 자바스크립트 반복문

프로그래밍의 꽃은 반복문이다. 단순 반복 작업들을 빠르게 실행시키는데 아주 최적화 되어있다.

오늘은 자바스크립트에서의 반복문 종류를 정리해 볼 것이다.

1부터 10까지 출력하는 코드를 작성할 때 우리는

<script>

alert(1);

alert(2);

alert(3);

.

.

.

alert(10);

</script>

이렇게 10번의 alert문을 사용하여 출력할 수 있는데 이를 반복문을 사용하여 3줄의 코드로 줄일 수가 있다.

1. for문

for문은 명령문을 몇번 반복할지 정할 수 있다. 형식은 다음과 같다.

for(변수 초기화; 변수 조건식; 변수 증감식) {

명령문;

}

 반복문의 변수는 보통 i,j로 한다. 변수 값을 초기화한 뒤 조건문에 맞으면 명령문을 실행하고 변수에 증감식을 실행한다. 자바와 아주 똑같은 문법이다. 이를 1부터 10까지 출력하는 코드로 만들면 다음과 같이 쓸 수 있따

    <script>
        
        for(var i=0; i<10; i++){
            alert(i);
        }
    </script>

i가 11이 되면 i<10이 false이기 때문에 반복을 중단한다.

* 꿀팁 *

배열의 크기만큼 반복하고 싶은 경우 in을 사용하면 된다.

for( var i in array)        ==        for(var i=0; i<array.length; i++)

반복문 안에 반복문 사용 가능하다(중첩반복문)

2. while문

while문의 형태는 다음과 비슷하다.

변수 초기화

while(조건식){

명령문;

증감식;

}

조건식이 true이면 명령문을 계속 반복하는 것이다. 증감식을 써주지 않으면 무한루프에 빠질 수 있으니 조심하자.

while문도 1부터 10까지 출력하는 것을 예로 작성해보자

    <script>
        
        var i = 0;
        
        while(i<10){
            alert(i);
            
            i++;
        }
        
    </script>

만일 조건식이 false이면 반복문이 실행되지 않는데 꼭 한번은 실행되어야한다면 do-while문을 사용하면 된다.

do{

명령문;

}while(조건식)

이러면 do 안에 있는 명령문이 한번은 무조건 실행되게 된다.

* break와 continue

break와 continue는 반복문은 아니고 반복문에서 쓰일 수 있는 키워드이다.

break를 만나게 되면 반복을 중지하고

continue를 만나면 그 밑의 명령문을 실행하지 않고 다음 반복으로 넘어가게 된다.

자바스크립트 반복문 역시 자바와 유사하여 쉽게 대충 훑고 지나가면 된다.