📝JavaScript - 조건문(switch)

📌 전에는 if와 else if문 삼항 연산자에 대해 복습을 했었다.
   하지만 조건문에는 if , else if 뿐만 아니라 switch라는 키워드도 존재한다.
   switch문에 대해 알아보자.

🤔 switch문이란?

switch문도 if문과 같이 조건문에 속한다.
switch문 예제코드를 보며 알아보자.

 <script>
 let fruits = '🍓'
 /* 과일 선택 : 🍓🍎🍌🍇🍋 */
 switch(fruits){
  case '🍓': 
 selectedFruit ='딸기는 눈의 피로회복에 도움이돼요!';
 break;
 case '🍎': 
 selectedFruit ='사과는 노화를방지해줘요!';
 break;
 case '🍌': 
 selectedFruit ='바나나는 포만감이 최고!';
 break;
 case '🍇': 
 selectedFruit ='포도는 피로를 덜어줘요!';
 break;
  case '🍋': 
 selectedFruit ='레몬은 비타민이 풍부해요!';
 break;
 default:
  selectedFruit ='좋아하는 과일을 선택해주세요!';
 }
</script>

위 코드를 글쓴이의 의도로 해석해본다면
"fruits 라는 변수에 딸기 이모티콘을 할당해줘."
"case와 fruits 같은 값을 찾아주겠니?"
"값을 찾았다면 selectedFruit에 할당 된 값을 출력해주고 멈춰줘."
"값을 찾지 못했다면 default(else)값을 출력해줘."

 case '🍓': 
 selectedFruit ='딸기는 눈의 피로회복에 도움이돼요!';
 break;

첫번째 case에 딸기이모티콘이 있으니 첫번째 case를 실행해주고 멈추게된다.
만약 break; 정의가 안되어있다면 break;를 찾을 때 까지 출력을 계속하게 된다.
주의할 점은 switch문은 꼭 break;를 선언해줘야한다.

위 코드 선택지가 3개 이하 일때는 if문으로 코드를 간결하게 작성해도 좋다.
심지어 위 switch문보다 if문으로 작성했을 때 더 간결해보일수도 있다.
하지만 정해진 범위안의 값에 대해 특정한 일을 해야 하는 경우,
반복적인 조건이 많고 else if 와 console.log , === 동등비교연산자 등
반복적으로 작성해야할게 많을 경우 switch문이 코드가독성 , 유지보수성에
더 적합할 것이다.

🤓switch문에 대해 자세히 알고 싶다면?

📌 https://letsgojieun.tistory.com/34
📌 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/switch