for문 이해하기

반복문

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

for문

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

while문

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

do while문

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

---

0부터 99까지 출력하기

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

결과 확인하기

1부터 100까지 출력하기

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

결과 확인하기

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100

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

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

결과 확인하기

2468101214161820222426283032343638404244464850
525456586062646668707274767880828486889092949698100

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

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

결과 확인하기

for문을 이용해서 1~100까지 출력(5의배수, 7의배수)

//for문을 이용해서 1~100까지 출력(5의배수, 7의배수)
for (let i = 1; i<101; 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>")
}

결과 확인하기

for문을 이용해서 1~100까지 출력 (짝수는 빨간색, 홀수는 파란색) : 조건부 연산자

for(let i=1; i<101; i++) {
( i % 2 == 0) ? document.write("<span style='color : red'>"+i+"</span>") : document.write("<span style='color : blue'>"+i+"</span>");
}

결과 확인하기

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

//for문을 이용해서 구구단

    // (2,3,4,5,6,7,8,9)
    // (1,2,3,4,5,6,7,8,9)
    //     i * j = sum
    //     2 * 1 = 2        3 * 1 = 3       4 * 1= 4....
    //     2 * 2 = 4
    //     2 * 3 = 6
    //     2 * 4 = 8
    //     2 * 5 = 10
    //     2 * 6 = 12
    //     2 * 7 = 14
    //     2 * 8 = 16
    //     2 * 9 = 18
    
for( let i=1; i<=9; i++) {
    for( let j=1; j<=9; j++){
        let sum = i * j;
        document.write(i+ "*"+ j + "=" + sum);
    }
}

결과 확인하기

1*1=1,1*2=2,1*3=3,1*4=4,1*5=5,1*6=6,1*7=7,1*8=8,1*9=9, 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문을 이용해서 테이블을 만들 수 있습니다.

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

for(let j=0; j<10; j++){
    table += "<td>1</td>"
}
    table += "</tr>";
}

table += "</table>"

document.write(table);

결과 확인하기