09. JavaScript 반복문(for, while, do~while, break, continue)

○ 반복문

    - for문, while문, do~while문
    - break문
    - continue문
    - 무한 Loop : 끝이 없는 반복

 

○ for 반복문 형식

    ① for(시작값; 종료값; 증감){반복하고자 하는 명령어들;}
    ② for( in ) {}
    ③ for( : ) {}
    ④ for(;;) {} → 무한Loop

//증가에 따른 반복
for(a=1; a<=3; a=a+1){
document.write("JAVA SCRIPT");	//"JAVA SCRIPT" 3번 출력
}//for end

// 감소에 따른 반복
for(b=3; b>=1; b-=1){
document.write("PYTHON")	//"PYTHON" 3번 출력
}//for end

 

● PRACTICE 연습문제

    - for 반복문 관련 연습 문제 (구구단)

        Q1) 4단 출력하기

//Q1
for(n=1; n<=9; n+=1){
	result=4*n; 
	document.write("4 * " + n + " = " + result + "<br>");
}//for end

//강사님 코드
var dan = 4;
for(i=1; i<=9; i=i+1){
    document.write(dan + "*" + i + "=" + (dan*i));
    document.write("<hr>");
}//for end

        Q2) 2단~9단 출력하기

for(n=2; n<=9; n+=1){
	document.write(n + "단<br>");
	for(m=1; m<=9; m+=1){
    	result=n*m; 
    	document.write(n + " * " + m + " = " + result + "<br>");
	}//for end
}//for end

 

○ break문, continue문

    - break : 반복문을 빠져나옴
    - continue : 반복문을 계속 실행 (유턴)

for(a=1; a<10; a=a+1){
    if(a==5){ break; }		//1234 : a가 5가 되는 순간 반복문 중단
    document.write(a);
}//for end

for(b=1; b<10; b++){
    if(b == 5){ continue; }    //12346789 : b가 5가 되는 순간 반복문에 처음으로 돌아간 뒤 다시 실행
    document.write(b); 
}//for end

 

○ while 반복문 형식

    ① while(조건){조건이 true이면 수행할 코드}
    ② while(true){수행할 코드} → 무한Loop

var a = 1;
while (a<=3){
    document.write(a);
    document.write("HTML");		//1HTML2HTML3HTML
    a=a+1;
}//while end

 

○ do~while 반복문 형식

     - do{조건이 true이면 수행할 코드}while(조건);

var b = 1;
do{
    document.write(b);
    document.write("CSS");		//1CSS2CSS3CSS
    b++;
}while(b<=3);


// while과 do~while의 차이
	var c=5;
	
    //1) while : 조건의 참, 거짓을 먼저 따진 후 명령 실행
    while(c<=3){
        document.write(c);
        document.write("PYTHON");	 //아무것도 출력되지 않는다
    }//while end
    
    //2) do~while : 일단 한번은 명령을 실행하고, 조건을 따짐
    do{
        document.write(c);
        document.write("JAVA");		//5JAVA
    }while(c<=3);