2017.08.27 소스코드 하이라이트가 깨져서 수정하였습니다.

for문

JavaScript:

//초기식 조건식 증감식
for(var i=0;i<5;i++){
	document.write(i + '번째 반복문<br>');
 }
    
document.write('===========================<br>');
   
//반복문을 1~100까지의 합을 구하기
var total = 0;
   
for(var i=1;i<=100;i++){ //단일 for문
	total += i; //total = total + i
}
	
document.write('total = ' + total);

결과화면:

for문 – 구구단 구하기

HTML:

<button type="button" onclick="multiTable()">구구단 구하기</button>
<div id="output"></div>

JavaScript:

function multiTable(){
    var dan = prompt('단을 입력 해주세요.','');
    
    for(var i=1;i<=9;i++){//단일 for문
        document.write(dan + '*' + i + '=' + dan*i + '<br>');
    }
}

결과화면

for문 – 다중 for문 구구단 테이블

JavaScript:

//다중 for문
document.write('<table width="100%" cellpadding="0" cellspacing="0">');
	
	for(var i=2;i<=9;i++){ //i =  단
		document.write('<tr>');
		for(var j=1;j<=9;j++){ //j = 곱해질 숫자
			document.write('<td>');
			document.write(i + ' * ' + j + ' = ' + i * j);
			document.write('</td>');
		}
		document.write('</tr>');
	}
	
document.write('</table>');

while문

JavaScript:

var i = 0;
var sum = 0;
	
while(i != 100){//조건식
	i++; //증감식
	sum += i; // sum = sum + i
}
	
document.write('합계 : ' + sum);

결과화면

do ~ while문

do ~ while문은 먼저 한번 실행되고 조건문에 들어가게 된다.

JavaScript:

document.write('===== do ~ while =====<br>');
var value = 0;
	
do { //먼저 한번 실행되고 조건문에 들어간다.
	document.write(value + '번째 방문<br>');	
} while(value++ < 5);
	
document.write('===== while =====<br>');
	
value = 0;
	
while(value++ < 5){
	document.write(value + '번째 방문<br>');
}

결과화면


while문과 do ~ while문 차이점을 볼 수 있다.

break 키워드

조건문이나 반복문을 벗어날 때 사용하는 키워드입니다.

JavaScript:

for(var i=1;i<=10;i++){
	//조건문
	if(i==5)
		break;
		//출력
	document.write(i + '<br>');
}

결과화면

단일 조건문 일경우 if(조건)만 해줘도 된다. 굳이 { }안 넣어도 된다.
위의 소스일경우 i값이 5가 되면 다음 코드를 실행하지 않고 for문을 나가는 것이다. 출력화면을 보면 4까지 출력 된 것을 볼 수 있다.

JavaScript:

for(var i=0;i<5;i++){
	for(var j=0;j<5;j++){
			
		if(j==3)
			break; //break가 포함된 반복문만 빠져나감.
			
			document.write('i= ' + i + ', j= ' + j + '<br>');
	}
}
document.write('========================<br>');
	
//break label: 다중 반복문에서 break가 빠져나가길
//원하는 for문에 break label문을 명시하고 해당
//label 호출에서 반복문을 빠져나가는 방식
outer_loop:
for(var i=0;i<5;i++){
	for(var j=0;j<5;j++){
			
		if(j==3)
			break outer_loop; 
			
			document.write('i= ' + i + ', j= ' + j + '<br>');
		}
}


break를 하게 되면 break를 포함한 영역만 나오게 되는데. 다중 반복문이면 오히려 원하는 곳에서 안나올 수도 있다.
그럴때는 label를 호출하여 반복문 전체를 빠져 나가게 할 수 있는 것이다.

continue 키워드

JavaScript:

for(var i=1;i<=10;i++){

  //짝수이면 현재 반복을 중지하고 다음 반복을 수행
  /* if(i%2==0)
			continue; */

  //3의 배수
  if(i%3==0)
    continue;

  document.write(i + '<br>');
}


continue문은 계속 실행 되는 것이 아니라. 반복문 내에서 현재 반복을 멈추고 다음 반복을 실행 하는 것이다.
위의 소스에서 보면 3의 배수를 했는데..3의 배수가 확인 된 후 continue문에서 걸려서 document.write가 실행 되지 않고 다음 반복문이 실행이 되는 것이다.
출력화면을 보면 그래서 3의 배수는 출력 되지 않았다.