자바스크립트 : 반복문

반복문

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

1. while문

while문의 형식
while문 <--> for문으로 바꿀 수 있어야 합니다.

{
let num = 1;

while( num <= 5){
    document.write("실행되었습니다.");
    num++;
}

실행되었습니다.

// //for
// for (let i=0; i<=4; i++){
//     document.write("실행되었습니다");
// }
}

2. do while문

do while문은 while문과 비슷하나 while문은 모든 조건을 계산한 후 출력하는 반면,
do while문은 첫 결과값을 출력한 후 조건을 계산하는 차이가 있습니다.

{
let num = 1;

do {
    document.write("실행되었습니다2.");
    num++;
} while (num <= 5);
}

실행되었습니다2.

3. for문

for문은 가장 많이 쓰이는 반복문으로 if문 처럼 for문 안에 또 다른 for문을 중첩하여 사용할 수 있습니다.

3-1. for문

for문의 형식입니다. 2가지 방식 모두 알아야 합니다.

{
for( let i = 1; i<6; i++ ){
    document.write(i,"실행되었습니다.<br>")
}

1실행되었습니다.
2실행되었습니다.
3실행되었습니다.
4실행되었습니다.
5실행되었습니다.
6실행되었습니다.

//이전에 배운 for문     위의 내용이랑 비교하여 알아두기
// let num = [1,2,3,4,5,6];

// for(let i =0; i<num.length; i++){
//     document.write(num[i],"실행되었습니다.<br>");
// }
}

3-2. 중첩 for문

for문 안에 for문을 넣어 중첩하여 반복하도록 하는 방식입니다.

{
for( let i=1; i<=2; i++){
    document.write(i + "실행");
    for( let j=1; j<=5; j++){
        document.write(j + "실행");     //i가 한번 실행되면 j가 5번 실행됨
    }
}
}

1실행1실행2실행3실행4실행5실행2실행1실행2실행3실행4실행5실행

0부터 99까지 출력하기

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

결과 확인하기

0123456789101112131415161718192021222324252627282930313233343536373839404142434445
4647484950515253545556575859606162636465666768697071727374757677787980818283848586
87888990919293949596979899

1부터 100까지 출력하기

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

결과 확인하기

123456789101112131415161718192021222324252627282930313233343536373839404142434445
46474849505152535455565758596061626364656667686970717273747576777879808182838485
8687888990919293949596979899100

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

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

결과 확인하기

2468101214161820222426283032343638404244464850525456586062646668707274767880828486
889092949698100

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

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

결과 확인하기

5101520253035404550556065707580859095100

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

for (i=1; i<=100; i++){
if( i % 5 == 0 ){
    document.write("<span style='color: blue'>"+i+"</span>");   //"++"는 문자열과 숫자를 혼합해 쓰기 위한 방식
} if( i % 7 == 0){
    document.write("<span style='color: red'>"+i+"</span>");
}
}

결과 확인하기

99단 출력하기

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>");
}
}

결과 확인하기

for문을 이용해서 테이블 출력하기(100칸)

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

let table = "<table>";

for( let i=0; i<10; i++){    
table += "<tr>";     
    
    for( let j=0; j<10; j++){  //중첩 for문
        table += "<td>★</td>";
    }

table += "</tr>";
}

table += "</table>";

document.write(table);

결과 확인하기

for문을 이용해서 테이블 출력하기2(100칸)

let table = "<table class='test_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);

결과 확인하기