반복문

반복문

반복문은 프로그램에서 필요한 결과 값을 도출하기 위해 실행문의 순서를
반복적으로 실행시키는 문법을 말합니다.
반복문에는 while문, do while문, for문이 있으며, for문을 가장 많이 사용합니다.

for문

for 문은 괄호로 감싸고 세미콜론으로 구분한 세 개의 선택식과, 반복을 수행할 문(주로 블럭문)으로 이루어져 있습니다.
for (초기 값; 조건식; 증가감식;){
    실행문;
}

while문

while문은 조건문이 참일 때 실행되는 반복문이다. 조건은 문장안이 실행되기 전에 참, 거짓을 판단합니다.
while문은 (condition){
    실행문;
}

do while문

do while문은 테스트 조건이 거짓으로 평가될 때까지 지정된 구문을 실행하는 루프를 만듭니다.
단, 구문이 실행된 뒤에 테스트 조건이 평가됨으로 구문은 무조건 한 번은 실행됩니다.
do {
    실행문;
}while (조건식);

---

1부터 50까지 출력하기

    //1부터 50까지 출력하기
    document.write("<br> for : ");
    for(let i = 1; i <= 50; i++) {
        document.write(i + " ");
    }
    i = 1
    document.write("<br> while : ");
    while(i <= 50) {
        document.write(i + " ");
        i++;
    }
    i = 1;
    document.write("<br> do while : ");
    
    do {
        document.write(i + " ");
        i++;
    }while(i <= 50)
    

결과 확인하기

---

반복문을 이용해서 1~50까지 출력(짝수는 빨간색, 홀수는 파란색)

    //반복문을 이용해서 1~50까지 출력(짝수는 빨간색, 홀수는 파란색)
    //for 문
    document.write("<br> for : ");
    for(let i = 1; i <= 50; i++) {
        document.write(i + " ");
    }
    //while 문
    i = 1
    document.write("<br> while : ");
    while(i <= 50) {
        document.write(i + " ");
        i++;
    }
    //do while 문
    i = 1;
    document.write("<br> do while : ");
    
    do {
        document.write(i + " ");
        i++;
    }while(i <= 50)
    

결과 확인하기

---

1부터 50까지 출력하기 : 조건부 연산자

    //1부터 50까지 출력하기 : 조건부 연산자
    let i = 1;
    // for문
    for(let i = 1; i <= 50; i++) {
        i % 2 == 0 ? document.write("<span> style='color: red'>"+i+"</span>") :
                    document.write("<span> style='color: blue'>"+i+"</span>");
    }
    // while문
    while(i <= 50) {
        i % 2 == 0 ? document.write("<span> style='color: red'>"+i+"</span>") :
                    document.write("<span> style='color: blue'>"+i+"</span>");
        i++
    }
    // do while문
    do {
        i % 2 == 0 ? document.write("<span> style='color: red'>"+i+"</span>") :
                    document.write("<span> style='color: blue'>"+i+"</span>");
    } while(i <= 50);
    

결과 확인하기

---

반복문을 이용해서 구구단 출력하기

중첩 반복문을 이용해서 만들 수 있습니다.

    //중첩 반복문을 이용하여 구구단 만들기
    let i = 1;
    let j = 1
    
    //for문
    for(let i = 1; i <= 9; i++) {
        for(let j = 1; j <= i; j++){
            let sum = i * j;
            document.write(i+"x"+j+"="+sum+" ");
        }
        document.write("<br>");
    }
    //while 문
    i = 1;
    j = 1;
    while(i <= 9) {
        while(j <= i) {
            let sum = i * j;
            document.write(i+"x"+j+"="+sum+" ");
            j++
        }
        document.write("<br>");
        i++
    }
    i = 1;
    j = 1;
    //do while문
    do {
        do {
            let sum = i * j;
            document.write(i+"x"+j+"="+sum+" ");
        } while(j <= i)
        document.write("<br>");
    } while(i <= 9)
    

결과 확인하기

---

반복문을 이용해서 테이블 출력하기

    //테이블로 1부터 100까지 넣기
    let table = "<table>";
    let count=1;
    for(let i=1; i <= 10; i++){
        table += "<tr>";
            for(let j=1; j <= 10; j++ ){
                table += "<td>"+count+"</td>";
                count++;
            }
        table += "</tr>";
    }
    table += "</table>";
    document.write(table);
    

결과 확인하기