04-4 for문 반복하기 - 중첩 for문

중첩 for문을 통해 별 찍기

1. for문을 사용하여 *문자를 한줄에 30개 표시하는 소스

for(var i = 0; i < 30; i++) //i=0부터 29까지 총 30회 반복
	{document.write('*')};

2. *문자를 한줄에 30개 표시 5줄 = for문 x 5

※ 줄바꿈을 위해 < br >을 삽입합니다.

<script>
for (var i = 0; i < 30; i++) {
 	document.write('*');}
   
   document.write("<br>");
    for (var i = 0; i < 30; i++) {
 	document.write('*');}
   
    document.write("<br>");
    for (var i = 0; i < 30; i++) {
 	document.write('*');}
  
    document.write("<br>");
    for (var i = 0; i < 30; i++) {
 	document.write('*');}
  
    document.write("<br>");
    for (var i = 0; i < 30; i++) {
 	document.write('*');}
   
</script>

3. for문 x 5 = 중첩 for문 x 1

document.write("<br><br>"); 
1️⃣for (var k = 0; k < 5; k++) {        🔃4️⃣
2️⃣    for (var i = 0; i < 30; i++) {
 	 document.write('*');
 //5번 반복해야 될 소스}
3️⃣ document.write("<br>");
 }

 
 1️⃣ 바깥쪽 for문을 실행한다 (줄 5번 반복)
 2️⃣ 안쪽 for문을 실행해 30번 반복하고 빠져나온다 (별 30번 반복) 
 3️⃣ <br> 태그를 추가해서 줄 바꿈
 4️⃣ 바깥쪽 for문의 조건식이 false가 될 때까지 반복

구구단 프로그램

1단계 [for문 중첩]

• 1부터 9까지 곱하기를 2~9단까지 나타내보는 프로그램
  ▫️ 바깥쪽 for문 : 2단부터 9단까지 반복 = 나중에 실행할 반복문
  ▫️ 안쪽 for문 : 1부터 9까지 곱하기 = 먼저 실행될 반복문

  <script>
   for(var i = 2; i <= 9; i++) {
                   
                    for (var j = 1; j <= 9; j++) {
  
  }
  }
  </script>

2단계 [구구단 소스 작성]

• 바깥쪽 for 문 : 2~9단

  for (var i = 2; i <= 9; i++) { //바깥쪽 for문
    document.write("<h3>" + i + "단</h3>"); 
  
   for (var j = 1; j <= 9; J++) //안쪽 for문
   		{                 } 
        }

• 안쪽 for문 : 1~9

for (var i = 2; i <= 9; i++) { //바깥쪽 for문
   document.write("<div>"); //단 이름 소스~ 곱하는 소스까지 감싸기
   document.write("<h3>" + i + "단</h3>");

   for (var j = 1; j <= 9; J++) //안쪽 for문
  		{document.write(i + "X" + j + "=" + i * j + "<br>");} 
   document.write("</div>"); }