자바스크립트 입문, 제어문-반복문 2

○for문

for문은 조건식을 만족할 때까지 특정 코드를 반복하여 실행

 

실행순서는 다음과 같다

초깃값->조건식->자바스크립트 코드-> 증감식- > 조건식

 

for(초깃값; 조건식; 증감식){
  자바스크립트 코드;
}


<script>
for(var i =1; i<=10; i++){
    document.write("테스트으"+ i, "<br>" );
}
</script>

○break문
반복문인 while문 또는 for문에서 break문을 실행하면 조건식과 상관없이 갖에로 반복문을 종료한다.

다음은 for문과 while문ㅇ에서 break문이 사용된 기본형.

break 문이 코드보다 앞에 있으므로 코드는 실해오디지 않고 for문과 wgile문이 바로 종료된다

for(초깃값; 조건식; 증감식){
break;// 반복문을 강제로 종료
자바스크립트 코드;
}

var변수= 초깃값;
while(조건식){
break;//반복문을 강제로 종료
자바스크립트 코드;
증감식;
}

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

○continue문

continue문은 반복문에서만 사용할 수 있다. while문에서 사용할 경우 continue 문 다음에 오는 코드는 무시하고

바로 조건식으로 이동해 조건 검사를 한다.

 

for문에서 cointinue 문을 실행할 경우 continue문 다음에 오는 코드는 무시하고 바로 증감식으로 이동하여 

증감 연산을 실행한다. 

 

for(초깃값; 조건식; 증감식;){
	continue;
    자바스크립트 코드;
}

var 변수=초깃값;
while(조건식){
  증감식;
  continue;
  자바스크립크 코드;
}

<script>
    for(var i=1;i<=10;i++){
        if(i==5)continue;
        document.write(i,"<br>");
    }
    document.write("==continue 예제==")
</script>

 

○중첩 for문

for문안에 for문을 사용한 것. 

for(초깃값;조건식;증감식){  // 바깥쪽 for문
 for(초깃값,조건식;증감식){  // 안쪽 for문
  자바스크립트 코드;
  }
 }
 
 <script>
    for(var i = 1; i<=3; i++){
        for(var k=1; k<=2; k++){
            document.write(i +"행"+ k+"열", "<br>");
        }
        document.write("<br>");
    }
</script>

바깥쪽의 for문은 i가 3이 될 떄까지 코드를 반복해서 실행

안쪽의 for문은 k가 2가 될 떄까지 코드를 반복해서 실행. 

바깥쪽의 for문의 1회 실행될 때마다 안쪽의 for문은 2회 실행되므로

코드가 총 6(3x2)회 실행된다 .

 

 

-출처: 자바스크립트+제이쿼리입문 책 중

http://www.kyobobook.co.kr/product/detailViewKor.laf?ejkGb=KOR&mallGb=KOR&barcode=9791163030034&orderClick=LAG&Kc=