[JS] 반복문(for, while, do-while)

1. for문

for(초기식; 조건식; 증감식){
        반복할 코드(조건식이 참일때)
    }

1. 초기식
2. 초기식 → 조건식 비교

참일 때 코드 실행

반복할 코드가 없으면,

1. 증감식→ 증감 연산자 사용
2. 조건식 비교

참일 때 2~3번 과정 반복

거짓일 때 for문 빠져나옴

1-1. 숫자출력(1~10)

for(var i=1; i<=10; i++) {
    document.write( i + " " );
}

1-2. 숫자출력(11~25) → i=0; i<n;

//0~9
  for (var i=0; i<10; i++) {
      document.write( i + " ");
  }

1-3. 숫자 반대로 출력(10~1)

document.write("<hr>");
for(var i=10; i>0; i--) {
    document.write( i + " ");
}

1-4. 1~10 숫자 중 홀수만 출력

document.write("<hr>");
for(var i=1; i<=10; i++ ) {
    document.write(i + " ");
    i++;
}

document.write("<hr>");
for(var i=1; i<=10; i+=2 ) {
    document.write(i + " ");
}

1-5. 1~10 숫자 중 짝수만 출력

document.write("<hr>");
for(var i=2; i<=10; i+=2 ) {
    document.write(i + " ");
    }

1-6. 구구단(2단) 출력

document.write("<hr>");
var dan=2;
document.write(" [" + dan + "단] <br>");
for(var i=1; i<10; i++) {
    document.write(dan + "x" + i + "=" + (dan*i) + "<br>");
}

1-7. 누적합 공식

누적합 A+=B <-> A=A+B 1~10까지 숫자의 합 출력

document.write("<hr>");
var sum = 0; // 총합을 저장하는 변수
for (var a=1; a<=10; a++) { //1~10 
    //1+2+3+4+5+6+7+8+9+10
    sum += a;
    // sum = sum + i;
    document.write("sum : "+ sum +", a=" + a + "<br>");
}
document.write("1~10까지 합 : " + sum + "<br>");

2. while문

초기식;
while(조건식) {
    반복할 코드;
    증감식;
}

2-1. 숫자출력(1~10)

var i = 1;
while(i<11) {
    document.write(i + " ");
    i++;
}

2-2. 숫자출력(20~1)

var i = 20
while(i>0) {
    document.write(i + " ");
    i--;
}

2-3. 누적합

var sum = 0;
var a = 1;
while(a<101) {
    sum += a;
    a++;
}
document.write("1~100까지 합 : " + sum + "<br>");

3. do-while문

초기식;
do {
    반복할코드;
    증감식;
} while(조건식);

• 증감식 먼저 실행하고 조건식

3-1. 1~10 숫자 중 홀수만 출력

var i = 1;
do {
    document.write(i + " ")
    i+=2
} while(i<11);

1~10까지 숫자 중에서 홀, 짝의 합을 각각 계산

var odd_sum = 0;
var even_sum = 0;

for(var i=1; i<=10 ;i++) {
    if(i%2 != 0) {     //홀수
        odd_sum += i;
    } else {    //짝수
        even_sum += i;
    }
}
document.write("홀수합 : "+ odd_sum +"<br>");
document.write("짝수합 : "+ even_sum + "<br>");

---

중첩for문(이중for문/ 다중for문)

1. 초기식
2. 조건식 참 → 실행, 코드
3. 안쪽 for문 초기식→ 조건식 → 반복 → 증감 → 조건식 → 반족 → 증감 …
4. 반복

for(초기식;조건식;증감식) { //out
    * 반복할코드;
        for(초기식;조건식;증감식) { //in
            반복할코드;
        }
    * 반복할코드;
}

for(초기식;조건식;증감식) { //out
    * 반복할코드;
        for(초기식;조건식;증감식) { //in
            반복할코드;
        }
    * 반복할코드;
}

중첩 for문 사용하여 9시 0분 ~ 10시 0분까지 출력

for(var h=9;h<10;h++) {
    for(var m=0; m<=60; m++) {
        if (m==60) {
            document.write((h+1) + "시" + 0 + "분 <br>");    
        }else {
            document.write(h + "시" + m + "분 <br>");
        }
    }
}

구구단 출력 (2~9단 모두 출력)

for(var dan=2; dan<=9; dan++) { 
    document.write("[" + dan+"단] <br>");
    for( var i=1; i<=9; i++) {
        document.write(dan + "*" + i + "=" + dan*i + "<br>");
    }   
}

테이블(표) 안에 숫자 출력

<table border="1">
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
            </tr>
            <tr>
                <td>4</td>
                <td>5</td>
                <td>6</td>
            </tr>
            <tr>
                <td>7</td>
                <td>8</td>
                <td>9</td>
            </tr>
            <tr>
                <td>10</td>
                <td>11</td>
                <td>12</td>
            </tr>
            <tr>
                <td>13</td>
                <td>14</td>
                <td>15</td>
            </tr>
        </table>

→ JS로 출력하면

tag += "<tr></tr>";

tag += "</tr>";

tag += "</table>";

위 두 코드는 같은식.

var tag = "<table border='1'>";

        // tag += "<tr></tr>";
        for(var r=1; r<=5; r++) {
            tag += "<tr>";
                tag += "<td>1</td>";
            tag += "</tr>";
        }
        
        tag += "</table>";

        document.write(tag);

→ td추가해주기

var tag = "<table border='1'>";

  // tag += "<tr></tr>";
  for(var r=1; r<=5; r++) {
      tag += "<tr>";
          for(var c=1; c<=3; c++){

      tag += "<td>1</td>";
      
      }
      tag += "</tr>";
  }
  
  tag += "</table>";

  document.write(tag);

→ 테이블 위에 변수 하나 추가 (var num = 1;),

1 을 변수 num으로 변경 후 num증감

**var num = 1;**
var tag = "<table border='1'>";

// tag += "<tr></tr>";
for(var r=1; r<=5; r++) {
    tag += "<tr>";
    for(var c=1; c<=3; c++){
        tag += "<td>"**+num+**"</td>";
        **num++**
    }
    tag += "</tr>";3
}
tag += "</table>";
document.write(tag);

var num = 1;
var tag = "<table border='1'>";

// tag += "<tr></tr>";
for(var r=1; **r<=3;** r++) {
    tag += "<tr>";
    for(var c=1; **c<=5;** c++){
        tag += "<td>"+num+"</td>";
        num++
    }
    tag += "</tr>";
}
tag += "</table>";
document.write(tag);