[Javascript] switch문
2021. 7. 22. 17:57ㆍWeb/Javascirpt
728x90
switch문은 선택문으로 if문과 달리 만족하는 데이터가 여러 경우일 때가 아닌 여러 경우 중 일치하는 값을 찾아 코드를 실행시키고자 할 때 주로 사용됩니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Switch문</title>
<script>
var 변수= 초깃값;
switch(변수) {
case 값1, : 실행할 코드1;
break;
case 값2, : 실행할 코드2;
break;
case 값3, : 실행할 코드3;
break;
default : 해당사항이 없을 때 실행할 코드;
</script>
</head>
<body>
</body>
</html>
|
cs |
변수에 저장된 값이 case를 거쳐가면서 하나씩 검사합니다. 일치하는 데이터를 만날 경우 break가 발동되면서 해당되는 코드를 실행하고 종료합니다.
모든 case에 해당되지 않는다면 default에 위치한 코드를 실행하고 종료합니다.
활용 예제를 알아보겠습니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Switch문</title>
<script>
var fruit= prompt("사과, 오렌지, 바나나 중 가격을 원하는 과일을 입력해주세요.", ""); // prompt로 입력값을 받음
switch(fruit) {
case "사과" : alert("2,000원"); // prompt로 입력받은 값이 case에 해당되면 break로 종료, 아니라면 다음 case로 넘어감
break;
case "오렌지" : alert("1,000원");
break;
case "바나나" : alert("3,000원");
break;
default : alert("가격 정보가 없는 과일입니다."); // 일치하는 데이터가 없을 경우 default 코드를 실행
}
</script>
</head>
<body>
</body>
</html>
|
cs |
먼저 fruit라는 변수에 prompt 메소드로 입력값을 받습니다.
받은 입력값을 기반으로 switch문의 case를 하나씩 검사합니다.
해당되는 case를 만나면 해당되는 코드를 실행하고 break로 종료합니다.
해당되는 값이 없다면 default에 해당되는 코드를 실행하고 종료합니다.
728x90
'Web > Javascirpt' 카테고리의 다른 글
| [Javascript] for문 break (0) | 2021.07.27 |
|---|---|
| [Javascript] for문 (0) | 2021.07.27 |
| [Javascript] while문, do while문 (0) | 2021.07.27 |
| [Javascript] else if문 (0) | 2021.07.22 |
| [Javascript] confirm 메소드 (0) | 2021.07.22 |