JavaScript语言基础12

最新推荐文章于 2022-08-02 22:02:34 发布

IT界的吉祥物

最新推荐文章于 2022-08-02 22:02:34 发布

阅读量1.7k

点赞数 4

分类专栏： JavaScript JavaScript基础教程文章标签： JavaScript JavaScript基础脚本 switch语句前端

本文链接：https://blog.csdn.net/hai_qing_xu_kong/article/details/41318865

版权

JavaScript 同时被 2 个专栏收录

19 篇文章 1 订阅

订阅专栏

JavaScript基础教程

18 篇文章 7 订阅

订阅专栏

使用if语句时，如果碰到许多个条件时，就不应该继续使用if语句了，JavaScript提供了一个更高效的替代方案，那就是switch语句，我们先看看switch语句的模板：

<HTML>
<HEAD>
	<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
	var value1=1;
	switch(value1){
		case 0:
			document.write("value1=0");
			break;
		case 1:
			document.write("value1=1");
			break;
		case 2:
			document.write("value1=2");
			break;
		default:
			document.write("value1="+value1);
			break;
		
	}
</SCRIPT>
</BODY>
</HTML>

在上面我们可以看到switch语句有以下几部分组成：

条件表达式、case语句、break语句、default语句。

1）switch语句使用关键字switch开始，将条件表达式放在switch关键字之后的圆括号中。

2）case语句的作用正是对条件是否匹配进行检查（switch语句可以包含N多个case语句）。

3）break语句的作用是告诉JavaScript在此处停止执行，并跳离switch语句。当然也可以省略break语句，省略之后，语句会一直执行下去，直到碰到break语句或是switch语句执行完毕。

4）default语句表示所有case语句都不匹配时执行它，当然也可以省略default语句。

将break语句省略后的代码：

<HTML>
<HEAD>
	<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
	var value1=1;
	switch(value1){
		case 0:
			document.write("value1=0"+"<br>");
		case 1:
			document.write("value1=1"+"<br>");
		case 2:
			document.write("value1=2"+"<br>");
		default:
			document.write("value1="+value1);
			break;
		
	}
</SCRIPT>
</BODY>
</HTML>