JS/JS 기초

JS - switch문

쫑뚱이 2022. 8. 12. 12:40
728x90
반응형

JS - switch문


오늘은 JS에서 유용하게 사용되는

switch문에 대해 알아보겠습니다.

 

switch문은 if문이 복수로 사용되는 경우

사용할 수 있습니다.

 

switch문은 case문과 함께 사용하는데

 

사용 방식은

변수를 우선 선언하고

switch (변수 이름) {

 

case '입력될 값': <=

if(변수 이름 ==='입력될 값')과 동일한 역할입니다.

 

출력할 내용

ex) alert('Hello');

 

break or continue

 

case '':

·

·

·

}

이런 식으로 작성합니다. case의 내용은

if(변수 이름 == 'case문 옆에 입력한 값')과 같은

역할을 하고 case문에서 true가 나오면

해당 값이 출력됩니다.

 

break와 continue는 사용하지 않으셔도 되지만

만약 사용하지 않으면

 

짧은 코드라면 상관없지만

 

긴 내용의 코드라면

true 이후의 모든 case문이 실행되기 때문에

 

break와 continue는 습관적으로 case문 마지막에 

함께 작성하시는 것이 좋습니다.

 

마지막 case문에는 필요하지 않지만

습관적으로 작성하시면

 

추후에 case를 더 작성하는 경우

원치 않는 결과에 대해 예방할 수 있기 때문에

break와 continue는 함께 작성하는 것을

권장드립니다.

 

switch문 예시 코드

 

위에 예시는 a라는 변수가 있는데

prompt 모달 창에 값을 입력했을 때

 

james를 입력하면 안녕하세요를

 

jeny를 입력하면 환영합니다를

 

billy를 입력하면 만나서 반갑습니다를

 

위에 case문에 해당하지 않으면

누구십니까를 출력할 수 있습니다.

 

default 값은 if문에서 else와 같은 역할을 합니다.

 

위에 예시에는 break를 작성했는데

만약 break가 없다면

jeny를 입력해서 true가 되면

jeny의 값과 뒤에 billy, default의 값이

모두 출력되기 때문에 사용하시는 것이 좋습니다.

 

만약 case문이 100개 정도 더 있었다면

break가 없었다면 true값이 나온

case문 뒤에 있는 모든 case문이

모두 실행되기 때문에

습관적으로 작성하시는 것이 좋습니다.

 


 

오늘은 switch문에 대해 알아보았습니다.

 

switch문은 case문과 함께 사용됩니다.

 

switch문은 if문이 복수로 사용될 경우

작성할 수 있습니다.

 

가독성이 높고 간단해서 사용하기 좋습니다.

 

switch문에서 break와 continue는 사용하지 않으셔도

문제는 없으나

 

원치 않은 결과를 발생시킬 수 있기 때문에

항상 사용하시는 것을 권장드립니다.

 

오늘도 감사합니다!

728x90
반응형