728x90
반응형
프로그램을 만들다 보면 여러 가지 조건과 입력값을 비교해야 하는 경우가 많이 생기는 데, 이러 경우에는 if와 else문을 사용하게 되면 코드가 굉장히 길어질 수 있다. 이럴 때 switch 문을 이용하여 비교해야 할 공통된 값을 비교하여 조건문을 완성할 수 있다.
[실습] switch 문을 이용하여 관심 세션 입력 후 정보 출력하기
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>세션 선택</title>
<link rel="stylesheet" href="css/switch.css">
</head>
<body>
<script>
var session = prompt("관심 세션을 선택해 주세요. 1-마케팅, 2-개발, 3-디자인","1");
switch(session) {
case "1" : document.write("<p>마케팅 세션은 <strong>201호</strong>에서 진행됩니다.</p>");
break;
case "2" : document.write("<p>개발 세션은 <strong>203호</strong>에서 진행됩니다.</p>");
break;
case "3" : document.write("<p>디자인 세션은 <strong>205호</strong>에서 진행됩니다.</p>");
break;
default: alert("잘못 입력했습니다.");
}
</script>
</body>
</html>위의 코드를 보면 12번 줄에서 관심 세션을 입력받고 14번 줄에서 switch 함수에 입력값을 인자로 갖는 것을 볼 수 있다. 이 인자값을 이용하여 각각의 case에서 입력값과 일치하는지(조건에 맞는지) 확인한 후 조건에 맞으면 해당 코드를 실행한다.
이때 조건에 맞으면 원하는 코드를 실행하고 break 해주는 것을 볼 수 있는데, break가 없으면 switch 문에서 조건에 맞는 코드를 실행한 후 순서상으로 아래의 코드를 모두 실행하므로 break를 통해 switch 문을 빠져나와야 함에 유의하자. break 함수는 추후에 다시 다루도록 한다.
case "1" : document.write("<p>마케팅 세션은 <strong>201호</strong>에서 진행됩니다.</p>");
break;또한 조건 확인 코드를 보면 case 문 다음에 문자열로 처리함에 주의한다!
728x90
반응형
'JavaScript > [theory]' 카테고리의 다른 글
| [제어문] #3. for 문(2) (1) | 2022.09.30 |
|---|---|
| [제어문] #3. for 문(1) (0) | 2022.09.29 |
| [제어문] #1. if문과 if-else문 (0) | 2022.09.29 |
| [변수와 자료형] #4. 연산자 (0) | 2022.09.26 |
| [변수와 자료형] #3. 자료형 (0) | 2022.09.25 |
