자바스크립트 - 반복문

반복문

반복문을 이용하면 코드를 원하는 횟수만큼 반복하여 실행할 수 있습니다. 반복문에는 while문과 for문이 있습니다. 반복문을 제어는 break문과 continue문도 있습니다.

while문

while문은 조건식을 만족할 때 까지 코드를 여러 회 반복하여 실행할 수 있습니다.

기본형

var 변수 = 초깃값;
while(조건식){
    자바스크립트 코드;
    증감식;
}

while문 예제

var i = 1;
while(i<=10){
    document.write("안녕하세요" + i);   //"안녕하세요"가 10번 출력된다.
    i++;
}

for문

기본형

for(초깃값; 조건식; 증감식){ 자바스크립트 코드; }

for문 예제

for( var i = 1; i <= 10; i++) {
    document.write("반복");   //"반복"이 10번 출력된다.
}

break문

반복문의 while문 또는 for에서 break 문을 실행하면 조건식과 상관없이 강제로 반복문을 종료합니다. 즉, break문은 반복문을 강제로 종료할 때 사용합니다.

기본형

for(초깃값; 조건식; 증감식){
    break;   //break문이 코드보다 앞에 있으므로 코드는 실행되지 않고 바로 종료된다.
    자바스크립트 코드;
}

---

var 변수 = 초깃값;
while(조건식){
    break;   //break문이 코드보다 앞에 있으므로 코드는 실행되지 않고 바로 종료된다.
    자바스크립트 코드;
    증감식;
}

break문 예제

for(var i = 1; i<= 10; i++){
    if(i == 6) break;       //i의 값이 6이면 break문으로 종료한다.
    document.write(i)   //1부터 5까지 출력된다.
}

continue문

continue문은 반복문에서만 사용할 수 있다.

while문에 사용할 경우 continue문 다음에 오는 코드는 무시하고 바로 조건식으로 이동해 조건을 검사한다. for문에서 사용할 경우 continue문 다음에 오는 코드를 무시하고 바로 증감식으로 이동해 증감 연산을 한다.

기본형

for(초깃값; 조건식; 증감식){
    continue;
    자바스크립트코드
}

---

var 변수 = 초깃값;
while(조건식){
    증감식;
    continue;
    자바스크립트;
}

continue문 예제

for(var i = 1; i <= 10; i++){
    if( i%2 == 0 ) continue;    //나머지가 0인 경우 아래 코드를 실행하지 않고 증감연산으로 넘어감
    document.write(i);          //홀수만 출력됨
}