复习下switch...case...

最新推荐文章于 2022-05-03 20:07:45 发布

hdchangchang

最新推荐文章于 2022-05-03 20:07:45 发布

阅读量501

点赞数

CC 4.0 BY-SA版权

分类专栏：原生js

本文链接：https://blog.youkuaiyun.com/hdchangchang/article/details/46375145

原生js 专栏收录该内容

54 篇文章

订阅专栏

本文详细介绍了switch...case...语句的用法，通过多个实例展示了其工作原理，并解释了default语句的作用以及如何正确使用break语句来控制流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

复习下switch...case...

示例一：

<script>

	var a=10
	switch (a){
		case 10:
		console.log(10);
		case 1.1:
		console.log(1.1);
		case 1.2:
		console.log(1.2);
		break;
	}

</script>

上面示例会依次log出 10 、1.1、1.2；

说明：一旦进入符合的case语句，就会一直往下执行，知道遇到break语句。

示例二：

<script>

	var a=15
	switch (a){
		case 10:
			console.log(10);
		case 1.1:
			console.log(1.1);

		default:
			console.log(88888);
		break;
		
		case 1.2:
			console.log(1.2);
			break;
	}

</script>

上面示例会依次log出log出88888；、

说明：default语句放的位置，对执行结果没有影响。

<script>

	var a=15
	switch (a){
		case 10:
			console.log(10);
		case 1.1:
			console.log(1.1);

		default:
			console.log(88888);
		break;
		
		case 15:
			console.log(15);
			break;
	}

</script>

上面示例会依次log出log出15；

<script>

	var a=15
	switch (a){
		case 10:
			console.log(10);
		case 1.1:
			console.log(1.1);

		default:
			console.log(88888);
		
		case 1.2:
			console.log(1.2);
			break;
	}

</script>

上面示例会依次log出log出88888、1.2；

最终结论：

swich语句首先按顺序对case语句进行匹配，如果一个都没有匹配到，则执行default语句，直到遇到break，则退出switch；