티스토리 뷰

Javascript

[Javascript] 다중 for문

다중 for문

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

다중 for문

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

Sample : 다중 for문
<!DOCTYPE html>
<html lang="ko">
    <head>
    	<meta charset="utf-8">
        <title>자바스크립트(JavaScript)</title>
        <script type="text/javascript">
			for(var i=0; i<8; i++){
				for(var j=0; j<9; j++){
					var num1 = i + 2;
					var num2 = j + 1;
					var gugu_num = num1 * num2;
					document.write( num1 + " X " + num2 + " = " + gugu_num);
					document.write("<br />");
				}
			}
        </script>
    </head>
    
    <body>
	...
    </body>
</html> 
Sample : 다중 for문
<!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문 : 테이블 만들기
<!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문 : 피라미드 만들기
<!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> 
댓글
댓글쓰기 폼