제어문(선택문과 반복문)

선택문& 반복문

 

*선택문

선택문에는 switch가 있습니다.

case를 통해 경우 값과 일치 여부를 따집니다. 일치한다면 코드를 실행합니다.

기본형:

var 변수=초기값;

switch(변수){

case 값:

코드;

break;

...

...

 

default:

코드;

}

위의 case들 중 일치하는 경우가 없으면 default를 실행합니다.

간단하게 포털 사이트 입력받고 그 사이트로 이동하는 코드를 봅시다.

<script>

    var site = prompt("네이버, 다음, 네이트, 구글 중 \

    즐겨 사용하는 포털 검색 사이트는?", "");

    var url;

    switch(site){

        case "구글": url = "www.google.com";

        break;

        case "다음": url = "www.daum.net";

        break;

        case "네이버": url = "www.naver.com";

        break;

        case "네이트": url = "www.nate.com";

        break;

        default: alert("보기 중에 없는 사이트입니다.");

    }

    if(url) location.href = "http://" + url;

</script>

즉 입력에 구글 또는 네이버 등등을 쳤을 때 해당 case 값과 일치하는 url로 location.href를 통해 이동합니다.

 

*반복문

반복문에는 for, while, do while이 있습니다.

 

while문

조건 만족할 때까지 여러번 실행합니다.

기본형

var 변수=초기값;

while(조건식){

코드;

증감;

}

<script>

var i = 1;

while( i <= 10 ) {

document.write("안녕하세요" + i, "<br />");

i++;

}

document.write("==== The End ====");

</script>

이렇게 작성시 안녕하세요는 몇번 나올까요??? 맞습니다. 10번입니다. i가 1부터 10보다같거나 작을때까지 증감식에의해 이루어집니다.

 

do~while문

do while문은 반드시 한번은 무조건 코드를 실행합니다. 그 후 조건식을 검사합니다.

기본형

var 변수=초기값;

 

do{

코드;

증감;

}while(조건식)

 

<script>

    var i = 10;

    do {

        document.write("hello!!");

    } while ( i < 3 )

</script>

먼저 hello!!를 출력 후 i는 10으로 3보다 크기때문에 false로 while문을 빠져나갑니다.

 

for문

for문은 조건식으로 만족할 때 까지 실행시킵니다.

유용하게 쓰입니다.

기본형

for(초기값; 조건식; 증감식){
    코드;

}

 

<script>

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

        sdocument.write("반복" + i, "<br>");

    }

</script>

i는 1부터 10까지 반복하여 총 1~10까지 출력이 됩니다.

 

반복문에는 break를 이용하여 임의로 반복문을 탈출 할 수 있습니다.

<script>

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

        if(i == 6) break;

        document.write(i, "<br>");

    }

    document.write("=== The End ===");

</script>

이런 경우는 1부터 i가 증가하다가 6을 만나면 반복문을 빠져나와 종료됩니다.

 

continue문은 임의로 코드를 무시하고 다음으로 넘어갑니다.

<script>

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

        if( i % 2 == 0 ) continue;

        document.write(i, "<br>");

    }

    document.write("=== The End ===");

</script>

i=1부터 증가하다가 짝수일때 그냥 넘어가게됩니다. 즉 홀수만 출력하게되겠지요??

 

마찬가지로 중첩 for문들을 사용할 수 있습니다. 자바스크립트에서는 중첩for문으로 테이블을 만들 수 있습니다.