for문 이해하기

반복문

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

---

while문

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

---

do while문

do while문은 while문과 다르게 do를 먼저 실행 하기 때문에 첫번째 실행은 조건없이 실행합니다.

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

---

for문

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

---

0부터 99까지 출력하기

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

결과보기

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

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

결과보기

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

for문을 이용해서 5의배수와 7의배수를 출력 할 수 있습니다.

//5의배수(파란색), 7의배수 출력하기(빨간색)
{
    for(let 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>");
        }
    }
}

결과보기

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

//짝수는 빨간색, 홀수는 파란색으로 출력하기
for(let i = 1; i <= 100; i++) {
    if( i % 2 == 0) {
        document.write("<span style ='color: red'>"+i+"</span>");
    } 
    else {
        document.write("<span style ='color: blue'>"+i+"</span>");
    }
}

결과보기

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

//짝수는 빨간색, 홀수는 파란색으로 출력하기
{
    for(let i = 1; i <= 100; i++) 
    (i % 2 ==0) ? document.write("<span style ='color: red'>"+i+"</span>") :
    document.write("<span style ='color: blue'>"+i+"</span>")

}

결과보기

for문을 이용해서 구구단출력(6단만)

//구구단 6단 출력하기
   //for문을 이용해서 구구단
//(2, 3, 4, 5, 6, 7, 8, 9)      8번 반복
//(1, 2, 3, 4, 5, 6, 7, 8, 9)   9번 반복
// i * j = sum
for(let i = 6; i<=6; i++) {             
    for(let j = 1; j<=9; j++) {
        let sum = i * j;            //계산 값
        document.write(i + " * " + j + " = " + sum);
    }
}

결과보기

for문을 이용해서 테이블 만들기(1~100칸)

//테이블 100칸 만들기
{
    let table = "<table class='testTable'>";
        
    //10개
    for(let i = 1; i <=10; i++) {
        table += "<tr>";
        for(let j = 1; j <= 10; j++){
            table += "<td>"+j+"</td>";
        }
        table += "</tr>";
    }

    // //10번 반복(for문)
    // for(let i=1; i<=10; i++) {
    //     table += "<td>"+i+"</td>";
    // }

    table += "</table>";

    document.write(table);
}

결과보기

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

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

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

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

        }
    table += "</tr>";
    }

    table += "</table>";

document.write(table);

결과 확인하기

'JavaScript' 카테고리의 다른 글

함수에 대해 알아보기  (8)	2022.07.26
데이터 타입  (7)	2022.07.26
If문  (6)	2022.07.26
연산자  (10)	2022.07.20
기본규칙  (13)	2022.07.20