티스토리 뷰

Javascript

[Javascript] 중첩 for문

중첩 for문

for문 안에 for문이 있는 형태입니다.


중첩 for문

for(var i=0; i<100; i++){
    for(var j=0; j<100; j++){
        //반복코드
    }
}

Sample1

중첩 for문을 이용한 예제입니다.

결과
1,1
1,2
1,3
1,4
1,5
.......
10,8
10,9
10,10
html
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>다중 for문</title>
    <script>
        for(var i=1; i<=10; i++){
            for(var j=1; j<=10; j++){
                document.write(i+","+j,"<br>");
            }
        }
    </script>
</head>
<body>
    
</body>
</html>

Sample2

중첩 for문을 이용한 구구단 출력하기 예제입니다.

결과
2X1=2
2X2=4
2X3=6
2X4=8
2X5=10
2X6=12
.......
9X5=45
9X6=54
9X7=63
9X8=72
9X9=81
html
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>다중 for문</title>
    <script>
        //구구단을 출력하세요
        //var i = 2 ~ 9
        //var j = 1 ~ 9
        
        //num1 * num2 = sum
        //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
        
        for(var i = 2; i <= 9; i++){
            for(var j = 1; j <= 9; j++){
                //console.log(i);
                //console.log(j);
                var sum = i * j;
                
                document.write( i + "X" + j + "=" + sum );
                document.write("<br>");
            }
        }
    </script>
</head>
<body>
    
</body>
</html>

Sample3

중첩 for문을 이용한 테이블 만들기 예제입니다.

결과
12345678910
11121314151617181920
21222324252627282930
31323334353637383940
41424344454647484950
51525354555657585960
61626364656667686970
71727374757677787980
81828384858687888990
919293949596979899100
html
<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
        <script type="text/javascript">
            var num=1;
            var t="<table border='1'>"; //테이블 시작 태그
            
            for(var i=1; i<=10; i++){
                t+="<tr>";    //행 시작
                
                for(var k=1; k<=10; k++){
                    t+="<td>"+num+"</td>";
                    num++;
                }
                t+="</tr>";
            }
            
            t+="</table>"; 
            document.write(t);
        </script>
    </head>
    
    <body>
    ...
    </body>
</html> 

공유하기(Share) 더보기

  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기

공감하기(Like) 더보기

UP NEXT : Ads by Google

질문하기(Questions)
댓글쓰기 폼