Switch语句用法及案例_switch语句的用法-程序员宅基地

技术标签： JavaScript笔记 vscode 前端 html javascript

一、Switch语句用法

switch是多分支语句，用于判断一个表达式的值，然后执行相应的语句。（可以实现多选一）

switch语句执行思路：利用表达式的值，来判断执行哪个语句。（简单的来说就是利用我们的表达式的值和case后面的选你选项值进行匹配
，若匹配上，就执行case语句，若都没匹配上则执行default里面的语句）

语法规范：

switch(表达式) {
     
    case 值1: 语句1;
    	break;
    case 值2: 语句2;
    	break; 
    case 值3: 语句3; 
    	break; 
        default: 语句4; 
        	break; 
    }

二、代码验证：

代码：

<script>
        switch (3) {
     
            case 1:
                console.log('1');
                break;
            case 2:
                console.log('2');
                break;
            case 3:
                console.log('3');
                break;
            default:
                console.log('没有匹配上');
                break;
        }

验证代码运行结果：

在这里插入图片描述

switch语句基于不同条件来执行不同的代码，“当要针对变量设置一系列的特定值的选项时，就需要使用switch语句”。

三、Switch语句使用注意事项：

在开发中，表达式经常写成变量，这样可以方便的调用；
num 的值和 case后面的值进行匹配时，“必须是值和数据类型一致，num === 2 ”；
break 如果当前的case里面没有break ，则不会跳出switch，而是继续执行下一个case。

在这里插入图片描述

"值和数据类型一致"代码

<script>
        var num = 2;
        switch (num) {
    
            case 1:
                console.log('1');
                break;
            case 2:
                console.log('2');
                break;
            case 3:
                console.log('3');
                break;
            default:
                console.log('没有匹配上');
                break;
        }
    </script>

运行结果

在这里插入图片描述

"值和数据类型不一致"代码

 <script>
        var num = '2';//数据类型“字符型”
        switch (num) {
    
            case 1:
                console.log('1');
                break;
            case 2: //case值为数值型
                console.log('2');
                break;
            case 3:
                console.log('3');
                break;
            default:
                console.log('没有匹配上');
                break;
        }
    </script>

运行结果

在这里插入图片描述

四、案例（查询水果价格）

在弹窗输入水果的名称时，有 ——显示对应的水果价格；
没有——显示“没有此水果”

在这里插入图片描述

代码

<script>
        var fruits = prompt('请输入水果名称：');
        switch (fruits) {
    
            case '苹果':
                alert('苹果￥ 5.5');
                break;
            case '香蕉':
                alert('香蕉￥ 6.5');
                break;
            case '西瓜':
                alert('西瓜￥ 7.5');
                break;
            default:
                console.log('暂未定价');
                break;
        }
    </script>

运行结果

在这里插入图片描述

JavaScript案例文件下载
Gitee仓库地址：https://gitee.com/Muyangxun/java-script/blob/master/Projext

本文链接：https://blog.csdn.net/SDXYGZH/article/details/126114754

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

python调用git在windows_python爬虫之git的使用(windows下pycharm使用)-程序员宅基地

文章浏览阅读207次。相信很多同学学会了git或者github以后都不知道怎么跟windows上的pycharm连在一起工作，那么下面我们开始介绍简单的安装和使用方法。一、安装1、首先你的有一个github的账户。注册什么的就不在这里说了，百度一大片。2、配置pycharm的github信息，一定要点击test测试。下载git的安装包，下载完成以后下一步下一步的安装完成即可。3、我使用的是默认路径安装，C:\Progr...

微型计算机中读写控制信号的作用是,微机原理与接口技术习题答案5章-程序员宅基地

文章浏览阅读550次。第5章总线及其形成1.微处理器的外部结构表现为数量有限的输入输出引脚，它们构成了微处理器级总线。2.微处理器级总线经过形成电路之后形成了系统级总线。3.简述总线的定义及在计算机系统中采用标准化总线的优点。答：总线是计算机系统中模块(或子系统)之间传输数据、地址和控制信号的公共通道，它是一组公用导线，是计算机系统的重要组成部分。采用标准化总线的优点是：1)简化软、硬件设计。2)简化系统结构。3)易于..._微机读写控制信号的作用是

Android逆向工程_安卓工程逆向-程序员宅基地

文章浏览阅读987次。转载请注明出处：http://blog.csdn.net/singwhatiwanna/article/details/18797493前言新的一年新的开始，除了继续我的原有课题之外，我还打算研究下Android逆向工程的一些东西，主要包括反编译、Smali、APK打包、签名、反逆向和移动安全等。这篇就是新课题的第一篇文章，不过要牺牲下哈皮妹-萝莉这款应用了。通过对哈皮妹-萝莉的破解，_安卓工程逆向

Unity3D 实现怪物巡逻、按路线行走操作_unity解包怎么看怪物的行动方式-程序员宅基地

文章浏览阅读1.2k次。http://i2.feixin.10086.cn/pages/64905/1330659284http://i2.feixin.10086.cn/pages/64905/1330682034http://i2.feixin.10086.cn/pages/64905/1330666257http://i2.feixin.10086.cn/pages/64905/1330685248_unity解包怎么看怪物的行动方式

视觉检测配件及镜头技术指标_c口转f口镜头-程序员宅基地

文章浏览阅读1k次。##视觉检测配件及镜头技术指标###C口延长环/增距环当镜头工作距离小于其正常对焦范围时，使用延长环增加镜头后焦使用后焦延长环时，镜头在超出设计物距外工作，此时成像性能可能下降_c口转f口镜头

AudioManager之setParameters从应用到hal流程分析 android6.0-程序员宅基地

文章浏览阅读4.5k次，点赞5次，收藏23次。_setparameters

随便推点

[javaweb]——spring框架之控制反转(IOC)与依赖注入(DI)_spring控制反转和依赖注入-程序员宅基地

文章浏览阅读2.1k次，点赞107次，收藏87次。spring框架的两大核心思想：控制反转，面向切面编程。控制反转：简称IOC，对象的创建控制权由程序自身转移到外部（容器），这种思想称为控制反转依赖注入：简称DI，容器为程序提供运行时所依赖的资料，称为依赖注入。Bean对象：IOC容器中创建、管理的对象叫bean对象最后缕一缕：1.由于代码的高内聚(多功能混一块了)，我们设计了出三层架构模式，Controller Service Dao，2.但是代码的耦合问题(一个模块对另一模块有依赖)没有解决，于是就有了控制反转与依赖注入，这两步合起来就是分层解耦。_spring控制反转和依赖注入