018_switch语句

最新推荐文章于 2023-10-24 14:53:32 发布

自由与束缚JavaJavaScript

最新推荐文章于 2023-10-24 14:53:32 发布

阅读量272

点赞数

分类专栏： JavaScript学习文章标签： javascript web前端

本文链接：https://blog.youkuaiyun.com/aihiao/article/details/109529622

版权

JavaScript学习专栏收录该内容

105 篇文章

订阅专栏

1. switch语句

1.1. switch语句是if语句的兄弟语句。

1.2. switch语句的语法:

switch (expression)
  case value: statement;
    break;
  case value: statement;
    break;
  case value: statement;
    break;
  case value: statement;
    break;
...
  case value: statement;
    break;
  default: statement;

1.3. 每个情况(case)都是表示"如果expression等于value, 就执行statement”。

1.4. 关键字break会使代码跳出switch语句。如果没有关键字break, 代码执行就会继续进入下一个case。

1.5. 关键字default说明了表达式的结果不等于任何一种情况时的操作(事实上, 它相对于else从句)。

2. switch语句作用

2.1. if语句

if (i == 20)
  alert("20");
else if (i == 30)
  alert("30");
else if (i == 40)
  alert("40");
else
  alert("other");

2.2. 上面的if语句等价的switch语句是这样的, 我们用switch代替if语句:

switch (i) {
  case 20: alert("20");
    break;
  case 30: alert("30");
    break;
  case 40: alert("40");
    break;
  default: alert("other");
}

3. 例子

3.1. 代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>switch语句</title>
	</head>
	<body>
		<script type="text/javascript">
			var i = 20;

			switch (i) {
  				case 20: 
  					document.write("i = " + i);
			    	break;
			  	case 30: 
			  		document.write("i = " + i);
			    	break;
			  	case 40: 
			  		document.write("i = " + i);
			    	break;
			  default: 
			  	document.write("unknow i value");
			}
		</script>
	</body>
</html>

3.2. 效果图