for문 정리

반복문

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

while문

for문이 정해진 횟수만큼 반복한다면, while 문은 조건식이 true일 경우에 계속해서 반복합니다.

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

do while문

조건에 따라 반복을 계속할지를 결정할 때 사용하는 것은 while 문과 동일하나, 무조건 {}를 한 번 실행하고, 조건을 검사하여 반복을 결정합니다.

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

for문

for문은 특정 구문을 여러번 반복하고 싶을 때 사용하는 반복문입니다.

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

---

01.0부터 99까지 출력하기

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

결과 보기

02. 1부터 100까지 출력하기

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

결과 보기

02-01. 1부터 100까지 출력하기(짝수)

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

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

결과 보기

02-02. 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>")
    }
}               

결과 보기

02-03. 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>")
}

결과 보기

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

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

결과 보기

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

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

결과 보기

04. 구구단 출력하기

//for문을 이용해서 구구단
//(2, 3, 4, 5, 6, 7, 8, 9) 8번 반복
//(1, 2, 3, 4, 5, 6, 7, 8, 9) 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 = 2; i<=9; i++){
    for( let j=1; j<=9; j++){
        let sum = i * j //결과값
        document.write(i + "*" + j + "=" + sum)
        document.write("
")
    }
}

결과 보기

04-01. 6단 출력하기

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

결과 보기

05. for문을 이용해서 테이블 출력하기(1)

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

let table = "<table class='testTable'>"; //문자열, []배열, {}객체, undefined, num 저장 가능

//10번 반복(for문)
table += "<tr>";
    z = 0;
    for(let i = 1; i<=10; i++){
        table += "<tr>";
            for(let j = 1; j<=10; j++){
                z++;
                table += "<td>"+z+"</td>";
       
            }
        table += "</tr>";
    }
    table += "<table>";
    document.write(table)

결과 확인하기

05-01. for문을 이용해서 테이블 출력하기(2)

중첩 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);           

결과 확인하기