JS的基本语法（二）----switch-优快云博客

本文链接：https://blog.youkuaiyun.com/kobe081959/article/details/79074155

switch语句的语法：

switch(val){

case val1:code...;break;

case val2:code...;break;

case val3:code...;break;

case val4:code...;break;

....

default:code...;

}

switch语句支持严格对比，通过value属性获取的值都是字符串类型，switch语句有一个特有的属性就是case的穿透

break具体讲解：阻止代码向下一个case运行。防止case穿透。

default具体讲解：匹配不存在时做的事情。

例：输入一个数字判当前日期是星期几

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="text" id="txt"/>
		<input type="button" id="btn" value="转换" />
	</body>
</html>
<script type="text/javascript">
function $(id){
	return document.getElementById(id);
}
//根据文本框内输入的数字显示对应的星期汉字
window.onload = function(){
	//添加点击事件
	$("btn").οnclick=function(){
		//获取用户输入的星期，获取不到返回null，反之则是一个对象
		//通过value属性获取的全部是字符串类型，用Number转化为数字类型
		var week = Number($("txt").value);
		//判断用户输入的是不是都是数字
		if(isNaN(week)){
			alert("请输入数字！");
		}else{
		    switch(week){
			case 0://因为0和7值是一样的，所以这时候直接借用case的穿透效果实现
			case 7:alert("星期天");break;
			case 1:alert("星期一");break;
			case 2:alert("星期二");break;
			case 3:alert("星期三");break;
			case 4:alert("星期四");break;
			case 5:alert("星期五");break;
			case 6:alert("星期六");break;
			default:alert("非法数字！");
		    }
		}
	}
}
</script>