반복문 Loop

 

*주의사항* 자바스크립트는 순서에 따라서 실행되는 언어입니다. 코드 작성 시 순서에 유의해야 합니다.

반복문

반복문을 이용하면 코드를 원하는 횟수만큼 반복하여 실행가능합니다. 반복문에는 while문, do while문, for문이 있습니다.

while문

while문은 조건식을 만족할 때까지 코드를 여러번 반복합니다. 조건식에서는 코드를 얼마만큼 반복할지 정할 수 있습니다. 순서대로 코드를 실행 한 후, 증감식을 통해 원하는 횟수만큼 도달하면 반복을 멈춥니다.

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

{
let i = 1;

while(i<=3){
    document.write(i + ".안녕하세요.<br>");
    i++
}
}

결과
1.안녕하세요
2.안녕하세요
3.안녕하세요

while문 활용

{
let i =1;

while(i<=30){
    if(i%2==0 && i%6==0){
        document.write(i);
    }
    i++
}
//while문 안에 if문을 사용하여 2와 6의 공배수를 조건식으로 설정하여 출력합니다.
해당 조건을 만족하며 30까지의 수를 반복하며 출력합니다.   
}

결과
6 12 18 24 30

for문

for문은 while문과 사용방법이 같지만 코드가 간편하여 사용빈도가 높습니다.

for(초기값; 조건식; 증감식){
 자바스크립트 코드; }
for문의 실행순서 : 초기값 - 조건식 - 코드 - 증감식 - 조건식

for문 활용

{
for(let i=1; i<=5; i++){
    document.write(i);
}
}

결과
1 2 3 4 5

break문

while문 또는 for문을 순서대로 실행하는 도중 강제로 반목문을 종료할 때 사용합니다.

for(초기값; 조건식; 증감식){
break; // 반복문을 강제로 종료합니다.
자바스크립트 코드;
}

let 변수=초기값;
while(조건식){
break; // 반복문을 강제로 종료합니다.
자바스크립트 코드;
증감식;
}

break문 활용

{
for(let i=1; i<=10; i++){
    if(i==6){
        break;
    }
    document.write(i);
}
}

결과
원래는 1부터 10까지 나열하는 for문 이지만 i가 6일때 break문을 이용하여 반복문을 종료시킵니다.
출력
1 2 3 4 5

continue문

continue문은 반복문에서만 사용할 수 있습니다. 반복문 중간에 사용하여 continue에 해당하는 출력을 건너뛰고 나머지를 출력합니다.

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

let 변수=초기값; 
while(){
증감식;
continue;
자바스크립트 코드;
}

continue문 활용

{
for(let i=1; i<=10; i++){
    if(i%2==0){
        continue;                                
    }
    document.write(i);
}
}

continue문을 활용하여 1~10 숫자 중 짝수를 건너뛰고 출력해보았습니다.
출력
1 3 5 7 9