티스토리 뷰

Javascript

자바스크립트 반복문 종류

babydeveloper 2022. 4. 15. 11:15

1. while문


while문 형식

초기식
while(조건식){
조건에 만족할 동안 실행할 명령문=증감식
}

while문 예시

var i = 0;
	
while (i < 12){
  
	if (i % 2 == 0) 	document.write("<p class='blue'>" + i + "</p>");
	else				document.write("<p class='red'>" + i + "</p>");
		
	i++;	
  
}



2. do while문


do while문 형식

do {
반복할 명령어;
} while (조건식);

do while문 예시

var i = 10;
	
do {
	document.write("hello!!");
} while ( i < 3 );



3. for문


for문 형식

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

for문 예시

for ( var i = 1; i <= 10; i++ ) {
		document.write("반복" + i, "<br>"); 
}

중첩 for문 예시

for (var i = 1; i <= 3; i++){
	for (var j = 1; j <= 2; j++){
		document.write(i + "행" + j + "열", "<br>");
	}
	document.write("<br>");
}
	
document.write("<br><br>");
			
document.write("<h1>구구단표</h1>");
document.write("<table border=2 width=50%");
	
for (var i = 1; i <= 9; i++) {  
   document.write("<tr>");
   document.write("<th>" + i + "</th>");
	
   for (var j = 1; j <= 9; j++) { 
	  document.write("<td>" + i * j + "</td>");
	}
	
	document.write("</tr>");
}
	
document.write("</table>");




4. 보조 제어문


보조제어문 종류

break: 반복문을 종료한다.
continue: 반복문의 조건시점으로 점프한다.

break문 예시

for (var i = 1; i <= 10; i++){ 
	if (i == 6) break;
	document.write(i, "<br>");
}

continue문 예시

for (var i = 1; i <= 10; i++){
	if ( i % 2 == 0 ) continue;
	document.write(i, "<br>");
}
	
document.write("=== The End ===");
반응형
댓글
© 2022 babydevelop