<자바스크립트 기초> 05. 반복문

 * 반복문이란

 - 반복문은 비슷한 작업을 반복해야할 때 프로그래밍을 통해 컴퓨터에게 반복적 작업을 지시하는 구문이다. 이러한 의미로 반복문은 주로 loop라고 불린다.

 

 - 반복문은 while문과 for문으로 나뉜다.

 

 * while

 - while문은 if문과 같이 불린값이 오는 조건을 적고 이 조건이 true일때 반복이되는 구문이다.

 

 - 이 때 무한루프가 생성될 수 있으므로 주의해야한다.

var i = 0 ;
    while(i < 5){
	    document.write('Welcome to My Blog' + i + '</br>');
        i ++
    }

  - 위는 i를 통해 무한루프가 생성되지 않도록 제어하였다. i++ 를 통해 i는 1씩 커지게되었고, i가 5보다 작아졌을 때 비로소 while문을 탈출한다.

* for 문

 - for문은 while문 보다 좀 더 세밀한 반복작업을 가능하게한다.

 

 - for(초기화; 반복조건; 반복마다 실행 코드){ 반복 실행 코드 } 와 같은 방식으로 작성한다.

for(var i = 0; i < 5; i++){
    document.write('Welcome to My Blog' + i + '</br>');
}

 - 위를 실행하면 앞서 봤던 결과와 똑같은 결과가 나오게 된다.

 

* 반복문 제어

 - break : 반복문을 중간에 종료시키기 위해 사용한다. 반복문 안에 if문을 넣어 특정 조건에서 탈출하게 할 수 있다.

 

 - continue : 반복문의 중간에 중지시키기 위해 사용한다. 이는 특정부분에서 중지를 시키고 다시 반복문을 시행한다는 점에서 break와 차별을 둔다.

 

* do...while 문

 - do...while문을 사용하면 while문에서의 조건을 블록 아래에 작성할 수 있다.

 

let i = 0;

do {
    alert(i);
    i++;
} while (i<3);

 

 - 위와 같이 작성하면 조건에 관계 없이 먼저 본문을 실행한다. 그리고 조건을 확인하고 truthy일 때 다시 반복한다.

 

* 레이블

 - 반복문이 여러 개 중첩되면 빠져나오기가 꽤 힘들어진다. 이럴 때 원하는 반복문을 continue하거나 break하도록 돕는 것이 레이블이다.

 

 - 레이블은 반복문 앞에 콜론과 함께 쓰이는 식별자이다.

 

firstFor: for (let i = 0; i < 3; i++) {
    for (let j = 0;, i < 3; j++) {
        ...
        if (..) {
            break firstFor;
        }
    }
}

 

 - 위의 코드는 for문이 중첩 사용되고 있다. 이 때, 두 번째 for문에서 특정 조건을 만족할 때 완전히 반복을 종료하고 싶을 수 있다. 이 때 break 뒤에 레이블 명을 입력하면 그 레이블이 종료된다. continue도 마찬가지 방식으로 사용한다.

 

 

---

 

 

참고

 

 

이 글은 생활코딩의 자바스크립트 기본 강의를 인프런에서 수강하고 개인적으로 정리하며 작성한 글입니다.

 

 

 

 

생활코딩

JavaScript - 생활코딩

인프런

자바스크립트 언어 기본 - javascript - 인프런

모던자바스크립트 튜토리얼

while과 for 반복문