티스토리 뷰

Javascript

[Javascript] 다중 for문

다중 for문

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

다중 for문

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

Sample : 다중 for문 View
<!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>
Sample : 다중 for문 : * 출력하기View
<!DOCTYPE html>
<html lang="ko">
    <head>
    	<meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
        <script type="text/javascript">
			for (var i = 0; i < 10; i++) {
				for (var j = 0; j < i + 1; j++) {
					document.write("*");
				}
				document.write("<br />");
			}   
		</script>
    </head>
    
    <body>
	...
    </body>
</html> 
Sample : 다중 for문 : 테이블 만들기View
<!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> 
Sample : 다중 for문 : 피라미드 만들기View
<!DOCTYPE html>
<html lang="ko">
    <head>
    	<meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
        <script type="text/javascript">
			
			var out = "";
	        
			for (var i = 0; i<15; i++){
				for(var j = 15; j>i; j--){
					out += " ";
				}
				for(var k = 0; k < 2 * i -1; k++){
					out += "*";
				}
				out += "\n";
			}
			
			document.write(out);

		</script>
    </head>
    
    <body>
	...
    </body>
</html> 

공유하기(Share) 더보기

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

공감하기(Like) 더보기

태그(Tag) 더보기

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