if ...else문의 조건식은 불리언 값으로 평가되어야 하지만 switch문의 표현식은 불리언 값보다는 문자열이나 숫자인 값인 경우가 많다. swich문은 변수하나만 검사할 떄 간편하게 사용가능하다.
<script>
let 변수 = 2 + 8;
switch (변수) {
case 3:
alert("변수가 3이네요");
break;
case 4:
alert("변수가 4이네요");
break;
default:
alert("아무것도 해당안된다,,");
}
</script>- default문 뒤에는 break문을 생략 하는 것이 일반적이다. default문은 switch문의 맨마지막에 위치하므로 default문의 실행이 종료되면 switch문을 빠져나가기 때문에 별도의 break문이 필요없다.
🎈 switch문으로 간단한 게임 만들기
- 보기를 클릭시 관련 문구 경고창이 뜬다!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>QUIZ</title>
</head>
<div>
<body id="quiz">
<h4>가장 좋아하는 축구선수는?</h4>
<button>손흥민</button>
<button>메시</button>
<button>음바페</button>
</body>
</div>
<script>
document.querySelector("#quiz").addEventListener("click", function (e) {
let check = e.target.innerHTML;
switch (check) {
case "손흥민":
alert("저도 손흥민이 좋아요!");
break;
case "메시":
alert("메신님.... 최고!!");
break;
case "음바페":
alert("떠오르는 축구의 신을 좋아하군요!");
break;
}
});
</script>
</html>
