반복문

반복문

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

---

01_ for문

자체적으로 초기식, 표현식, 증감식을 모두 포함하고 있는 반복문입니다.

for (초기 값 ; 조건식 ; 증감값){
    실행문;
}

02_ while문

조건문이 참일 때 실행되는 반복문입니다. 조건은 문장 안이 실행되기 전에 참, 거짓을 판단합니다.

초기 값
while (조건식) {
    실행문;
    증가감식;
}

03_ do while문

while문과 다르게 실행문을 먼저 한번실행하고 조건을 따져 출력합니다.

초기 값
do {
    실행문;
    증가감식;
} while (조건식)

---

0부터 99까지 출력하기

 //for문 이용
for(let i = 0; i<100; i++){
    document.write(i);
}

결과보기

0123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899

1부터 100까지 출력하기

 //for문 이용
for(let i = 1; i<=100; i++){
    document.write(i);
}

결과보기

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100

1부터 100까지 출력하기(짝수)

짝수로 출력할 때는 증가값을 2로 해주면 됩니다.

 //1부터 100까지 출력하기(짝수)
for( let i = 2; i<=100; i+=2){
    document.write(i)
}

결과보기

2468101214161820222426283032343638404244464850525456586062646668707274767880828486889092949698100

1부터 100까지 출력하기(5의 배수)

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

결과보기

5101520253035404550556065707580859095100

1부터 100까지 출력하기(5의 배수는 빨간색, 7의 배수는 파란색)

for(let i = 1; i<=100; i++){
    if(i % 5 == 0){
        document.write("<span style='color: blue'>"+i+"</span>");
    }
}
for(let i = 1; i<=100; i++){
    if(i % 7 == 0){
        document.write("<span style='color: red'>"+i+"</span>");
    }
}

결과 확인하기

5101520253035404550556065707580859095100

714212835424956637077849198

구구단

for(let i = 2; i<=9; i++){
    for( let j =1; j<=9; j++){
        let sum =i * j ;
        document.write(i + " * " + j + " = " + sum);
        document.write("<br>" );
    }
}

결과 확인하기

2 * 1 = 2
2 * 2 = 4
2 * 3 = 6
2 * 4 = 8
2 * 5 = 10
2 * 6 = 12
2 * 7 = 14
2 * 8 = 16
2 * 9 = 18
3 * 1 = 3
3 * 2 = 6
3 * 3 = 9
3 * 4 = 12
3 * 5 = 15
3 * 6 = 18
3 * 7 = 21
3 * 8 = 24
3 * 9 = 27
4 * 1 = 4
4 * 2 = 8
4 * 3 = 12
4 * 4 = 16
4 * 5 = 20
4 * 6 = 24
4 * 7 = 28
4 * 8 = 32
4 * 9 = 36
5 * 1 = 5
5 * 2 = 10
5 * 3 = 15
5 * 4 = 20
5 * 5 = 25
5 * 6 = 30
5 * 7 = 35
5 * 8 = 40
5 * 9 = 45
6 * 1 = 6
6 * 2 = 12
6 * 3 = 18
6 * 4 = 24
6 * 5 = 30
6 * 6 = 36
6 * 7 = 42
6 * 8 = 48
6 * 9 = 54
7 * 1 = 7
7 * 2 = 14
7 * 3 = 21
7 * 4 = 28
7 * 5 = 35
7 * 6 = 42
7 * 7 = 49
7 * 8 = 56
7 * 9 = 63
8 * 1 = 8
8 * 2 = 16
8 * 3 = 24
8 * 4 = 32
8 * 5 = 40
8 * 6 = 48
8 * 7 = 56
8 * 8 = 64
8 * 9 = 72
9 * 1 = 9
9 * 2 = 18
9 * 3 = 27
9 * 4 = 36
9 * 5 = 45
9 * 6 = 54
9 * 7 = 63
9 * 8 = 72
9 * 9 = 81

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

중첩 for 문을 이용해서 테이블을 만들 수 있습니다.

//for문을 이용해서 테이블 출력하기
let table = "<table>";

    for( let i = 0; i < 10; i++ ){
        table += "<tr>";

        for( let j = 0; j < 10; j++){            // for문 안의 for문
            table += "<td>😎</td>"
        }
        table += "</tr>";
    }
    table += "</table>";

document.write(table);

결과 확인하기