[JAVASCRIPT] switch 문 기본 작성 방법

어떤 데이터가 입력 되었을때, 그 범위가 광범위하고 예상이 되는 상황에서 쓰기 좋은 선택문, switch 문의 기본적인 사용 방법입니다. 저는 보통 사용자가 많은 버튼 중에 어떤 버튼을 눌렀을때 그 버튼의 이름을 받아서 switch 문으로 돌려서 기능을 구현하는데요, 버튼이 늘어나거나, 특정 버튼의 기능을 변경, 또는 버튼을 비활성화 할때 수정하기가 쉬워서 많이 사용합니다. 

switch(buttonName){
	case "button1":
    	console.log("this is button 1");
    break;
    
    case "button2":
    	console.log("this is button 2");
    break;
    
    case "button3":
    	console.log("this is button 3");
    break;
    
    default:
    	console.log("Unknown button");
    break;
    }

코드자체는 단순하고 알아보기 쉽습니다만, 막상 갑자기 사용하려고 하면 문법이 잘 기억이 나지 않습니다. -_-;; 개인적으로 주의해야 할 부분은, case 의 조건을 적고 나서 ":" 콜론 꼭 붙혀야 한다는 점과, break; 이거 까먹지 안고 적어주는 것. 그리고 귀찮기는 하지만 default 조건을 꼭 써야 나중에 디버깅 하기 좋습니다. 

 

위의 예시는 button 이 눌렸을 때, buttonName을 가져와서 어떤 메세지를 부를지 고르는 switch 문입니다. 4번 버튼을 추가하기도 쉽고, 3번 버튼 기능을 주석처리 하기도 쉽죠. 

 

분기문 하면 보통 버릇처럼 if 문 부터 사용하게 되는데, 의식적으로 switch 문을 자주 사용할 수 있도록 연습해야 겠습니다.