Web개발/JavaScript

[JavaScript] 제어문 2 선택문

noobdev 2019. 11. 21. 22:02

선택문은 switch문이라 해서 변수에 저장된 값과 switch 문에 있는 각 각의 케이스를 비교해서 변수와 케이스가 일치

하는 값이 있을 때 그에 해당하는 코드를 실행하는 제어문이다. 

if문과 용도는 비슷하지만 if문은 만족하는 데이터가 여러 개일 경우에 주로 사용하지만 switch문은 여러 경우의 케이스 중 일치하는 데이터를 찾아서 코드를 실행시킨다는 차이가 있다.

 


var 변수 = 초기값;
switch(변수) {
    case 값1 : 코드1;
    break;
    case 값2 : 코드2;
    break;
    case 값3 : 코드3;
    break;
    case 값4 : 코드4;
    break;
    
    default: 코드5
  }

변수에 저장된 값이 switch문을 만나 case의 값 중 일치하는 데이터가 있는 지 하나씩 검사하고 case 값 중 일치하는 값이 존재한다면 그 값의 해당하는 코드를 실행하고 break문을 실행하여 switch문을 빠져나간다.

만약 마지막의 default라인까지 맞는 case가 없는 경우 default의 코드를 실행하고 switch문은 종료하게 된다.

 

 

<script>
    var season = prompt("봄, 여름, 가을, 겨울 중 좋아하는 계절은 무엇입니까?", "");
    
    switch(season) {
    	case "봄": alert("꽃이 피는 계절을 좋아하시네요!");
        break;
        case "여름": alert("쏟아 지는 비가 운치있는 계절이네요!");
        break;
        case "가을": alert("천고마비의 계절이네요!!");
        break;
        case "겨울": alert("하얀 눈이 내리는 계절이네요!");
        break;
        
        default: alert("좋아하는 계절이 없으시군요 ㅜㅜ");
     }
</script>

위의 코드는 좋아하는 계절을 묻고 그 계절에 따른 경고창을 띄어주는 코드이다.