본문 바로가기
Front

[Javascript] 선택문 / switch / break

by bkuk 2022. 9. 14.

Switch 문

 

변수에 저장된 값과 switch 문에 있는 경우(case)의 값을 검사하여 변수와 경우의 값에서 일치하는 값이 있을 떄

그에 해당하는 코드를 실행.

 

즉, 여러 경우의 값 중 일치하는 데이터를 찾아 그에 해당하는 코드를 실행시킬 떄 사용.

 

let 변수 = 초깃값;

    swithch(변수) {

      case 값1: 코드1;
      break;

      case 값2: 코드2;
      break;

      case 값3: 코드3;
      break;

      defalut: 코드5;
    }

 

 

 

예제 1)

<script type="text/javascript">

    let num = 20;

    switch( num ) {
        case 10 :
            console.log( "10" );
            break;
        case 20 :num 
            console.log( "20" );
            break;
        case 30 :num 
            console.log( "30" );
            break;
        case 40 :num 
            console.log( "40" );
            break;
        default :
            console.log( "기타" );
            break;
    }   

</script>

 

출력

 

 

 

예제 2)

<script type="text/javascript">

    let score = 20;

    switch( true ) {
        case score >= 90 :
            console.log( "A" );
            break;
        case score >= 80 :
            console.log( "B" );
            break;
        case score >= 70:
            console.log( "C" );
            break;
        case score >= 60 :
            console.log( "D" );
            break;
        default :
            console.log( "기타" );
            break;
    }   

</script>

 

출력

 

 

예제 3)

<script type="text/javascript">

var site = "구글";

var url;

switch(site) {
    case "구글": url = "www.google.com";
        break;
    case "다음" : url = "www.daum.net";
        break;
    case "네이버" : url = "www.naver.com";
        break;
}

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

 

 

출력

 

사이트로 출력됨.

댓글