2024-10-14
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
/*
switch~case 조건문
- 다중 if~else문과 유사한 구조를 가지고 있음.
- 다중 if~else문을 switch~case문으로 변경할 수 있는 경우는
조건식이 특정한 값과 일치하는 경우(===)만 switch~case문으로
변경 할 수 있음.
- 즉, 조건식이 ===인 경우를 제외하고 나머지 관계연산자
(>=, >, <=, <, !=)와 같은 비교 연산자를 사용한 경우에는
switch~case문으로 변경할 수 없음.
형식) switch(조건) {
case 값1 :
값이 1인 경우 실행 문장;
break;
case 값2 :
값이 2인 경우 실행 문장;
break;
case 값3 :
값이 3인 경우 실행 문장;
break;
default :
값이 1~3 이어ㅚ의 값이 들어온 경우 실행 문장.
// default는 생략도 가능함.
}
*/
let site =
prompt("네이버, 다음, 구글 중 자주 사용하는 포털 사이트는?");
let url;
switch(site) {
case "네이버" :
url = "www.naver.com";
break;
case "다음" :
url = "www.daum.net";
break;
case "구글" :
url = "www.google.com";
break;
default :
alert("보기에 없는 포털 사이트 입니다.")
}
// break의 역할은 사용하지 않을 경우 아랫쪽 case와 같이 출력되는 것을 방지함.
if(url) {
// 실제 페이지로 이동시키는 명령어.
location.href=("http://" + url);
}else {
// 현재 페이지를 새로 고침하는 명령어.
location.reload();
}
</script>
</head>
<body>
</body>
</html>
'JavaScript > 기초 내용 정리' 카테고리의 다른 글
| JavaScript(Control)_07 (0) | 2024.10.14 |
|---|---|
| JavaScript(Control)_06 (0) | 2024.10.14 |
| JavaScript(Control)_04 (0) | 2024.10.14 |
| JavaScript(Control)_03 (0) | 2024.10.14 |
| JavaScript(Control)_02 (0) | 2024.10.14 |