switch문

유튜브 코딩앙마 채널의 '자바스크립트 기초 강좌' 를 공부하며 정리한 내용입니다.

if else 문을 사용한다면 몰라도 되지만, 케이스가 다양할 경우 더 간단하게 쓸 수 있다는 장점이 있습니다.

switch(평가){
  case A : 
    // A 일 때 코드
  case B :
    // B 일 때 코드
}

위 코드는 아래 if 문과 같습니다.

if(평가==A){
	// A 일 때 코드
} else if(평가==B) {
	// B 일 때 코드
}

사고 싶은 과일을 입력하면 그 과일의 값이 출력되도록 코드를 짠다면,

let fruit=prompt('무슨 과일을 사고 싶나요?');

switch(fruit){
	case'사과':
    	console.log('100원 입니다.');
    case'바나나':
    	console.log('200원 입니다.');
  	case'키위':		
    	console.log('300원 입니다.');
  	case'딸기':
    	console.log('400원 입니다.');
}

이렇게 실행하면 해당 과일 입력시 다른 값도 차례로 나오게 됩니다. 이럴 때는 아래처럼 break 문을 활용해야 합니다.

switch(fruit){
	case '사과' :
		 console.log('100원 입니다.');
		break;
	case '바나나' :
		 console.log('200원 입니다.');
		break;
	case '키위' :
		 console.log('300원 입니다.');
		break;
	case '딸기' :
		 console.log('400원 입니다.');
		break;
}

없는 값을 입력할 경우 안내 메시지를 띄우고 싶다면
default: console.log('그런 과일을 사고 싶나요?')
위 코드를 추가하면 됩니다.

let fruit = prompt('무슨 과일을 사고 싶나요?');
switch(fruit){
	case '사과' :
		 console.log('100원 입니다.');
		break;
	case '바나나' :
		 console.log('200원 입니다.');
		break;
	case '키위' :
		 console.log('300원 입니다.');
		break;
	case '딸기' :
		 console.log('400원 입니다.');
		break;
	default : 
		console.log('그런 과일 없습니다');
}

같은 값을 추출하게 하려면 아래처럼 묶을 수 있습니다.

	case '키위' :
	case '딸기' :
		console.log('400원 입니다.');
		break;