자바스크립트는 swtich case 의 조건값을 이용해 코드를 실행할 수 있다. if 문이 조건식을 이용하는 것이라면 switch case 는 조건값을 이용해 여러개로 나열된 case 문의 조건값과 비교하여 코드를 실행하고 break 구문을 통해 switch case 구문을 중단한다. 조건값에 해당하는 case 구문이 없다면 default 구문에서 코드를 실행할 수 있다.
자바스크립트 선택 조건 switch case 사용 방법
using javascript switch case statement
switch case 는 자바스크립트에도 존재한다. 사용법은 다른 프로그래밍 언어와도 같다.
특히 자바를 공부하면서 자바스크립트를 같이 공부한다면 그 유사이 너무 같음을 알 수 있다.
물론, 구문의 사용만 비슷할 뿐 서로 다른 언어이긴 하지만 말이다.
자바스크립트의 switch case 문도 마찬가지다.
switch 구문에 있는 선택조건에 따라 case 로 지정된 선택문에 있는 코드가 실행된다.
선택 조건문 switch case 문법
선택 조건문은 switch case 는 조건식이 아닌 선택적인 값으로 조건을 표현한다.
즉, switch 에 지정된 조건값과 case 의 조건값이 같은 것을 선택하여 코드를 실행하는 것이다.
break 구문은 switch case 의 전체 구문을 중단하는 역할을 한다.
만약 break 구문이 없다면 break 구문을 만날 때까지 다음 case 문의 코드를 실행한다.
switch(조건값) {
case 조건값1:
// 코드실행
break;
case 조건값2:
// 코드 실행
break;
default:
// 코드 실행
break;
}샘플코드
위의 switch case 구문을 이용하여 자바스크립트 예제를 만들어 본다.
switch case 구문의 조건값에 따라 어떻게 동작하는지 살펴보면 된다.
코드는 길지만, switch case 구문만 보면 된다.
<!DOCTYPE html>
<html>
<body>
<script>
console.log('----------');
let _Exp = "";
let _text = '';
console.log("Switch Case : %s", _Exp);
console.log('----------');
_Exp = "TUE";
console.log("Switch Case : %s", _Exp);
switch(_Exp) {
case "MON":
_text = "월요일";
break;
case "TUE":
_text = "화요일";
break;
case "WED":
_text = "수요일";
break;
case "THU":
_text = "목요일";
break;
case "FRI":
_text = "금요일";
break;
case "SAT":
_text = "토요일";
break;
case "SUN":
_text = "일요일";
break;
default:
_text = "지금은??";
break;
}
console.log("%s 입니다.", _text);
console.log('----------');
_Exp = 3;
console.log("Switch Case : %s", _Exp);
switch(_Exp) {
case 1:
_text = "1";
break;
case 2:
_text = "2";
break;
case 3:
_text = "3";
break;
case 4:
_text = "4";
break;
case 5:
_text = "5";
break;
default:
_text = "지금은??";
break;
}
console.log("%s 입니다.", _text);
console.log('----------');
</script>
</body>
</html>하나는 조건값이 문자열형태이고, 하나는 숫자형태이다.
이것은 switch case 문의 조건값으로 들어가는 값의 데이터타입에 유연성이 있는 것과 같다.
어쨌든 switch case 구문에 대한 동작을 확인했으니 결과 화면을 보자.
선택적으로 들어간 값에 따라 결과가 잘 나오고 있다.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 반복문 for in 사용 방법 using javascript for in loop statement (0) | 2022.04.24 |
|---|---|
| 자바스크립트 반복문 for 사용 방법 using javascript loop for statement (0) | 2022.04.22 |
| 자바스크립트 조건문 else if 조건 여러개 사용 방법 using javascript conditon else if statement (0) | 2022.04.17 |
| 자바스크립트 if else 조건 사용 방법 using javascript if else statement (0) | 2022.04.15 |
| 자바스크립트 if 조건문 사용 using javascript if condition Statement (0) | 2022.04.11 |
댓글