一、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语句使用注意事项:

  1. 在开发中,表达式经常写成变量,这样可以方便的调用;
  2. num 的值 和 case后面的值进行匹配时,“必须是 值 和 数据类型 一致,num === 2 ”;
  3. 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

Switch语句用法及案例相关推荐

  1. switch语句之“春夏秋冬”案例

    switch语句之春夏秋冬案例 1.功能描述:键盘录入月份,输出对应的季节 2.要求: (1)定义一个月份,值通过键盘录入; (2)输出该月份对应的季节 3,4,5春季 6,7,8夏季 9,10,11 ...

  2. java写输出春夏秋冬,switch语句之“春夏秋冬”案例

    switch语句之春夏秋冬案例 1.功能描述:键盘录入月份,输出对应的季节 2.要求: (1)定义一个月份,值通过键盘录入; (2)输出该月份对应的季节 3,4,5春季 6,7,8夏季 9,10,11 ...

  3. c语言 switch案例,C语言程序设计 2. switch语句的运用 案例 switch条件语句.docx

    C语言程序设计补充案例 C语言程序设计 案例 switch条件语句 一.案例描述 考核知识点 名称:switch条件语句 练习目标 了解switch语句的执行流程 掌握switch语句的使用方法及使用 ...

  4. C语言switch语句用法总结

    1. switch语句基本用法 C语言中,switch语句是一种多分支选择语句,在实际应用中,要在多种情况中选择一种情况,执行某一部分语句. 其使用一般形式如下: switch(表达式) { case ...

  5. 使用php中的switch,php中switch语句用法详解_PHP

    本文介绍php中的switch语句的用法,它跟其他语句中的switch用法差不多的,但注意有有一个break语句. PHP中switch语句的标准语法: switch (expression) { c ...

  6. go语言switch语句用法

    switch是最灵活的一种控制语句,在使用switch时候,需要注意: --左花括号"{"必须与switch处于同一行 --条件表达式不限制为常量或者整数 --单个case中,可以 ...

  7. c语言switch问候语,C语言switch语句用法详解

    switch语句的通常形式: switch(整形表达式) { case 常量表达式1:  语句1; case 常量表达式2:  语句2; - case 常量表达式n:  语句n; default:  ...

  8. switch语句用法

    一个 switch 语句允许测试一个变量等于多个值时的情况.每个值称为一个 case,且被测试的变量会对每个 switch case 进行检查. switch 语句必须遵循下面的规则:1.在一个 sw ...

  9. java中switch语句用法详解

    1.switch语句的基本语法 int week =**: switch(week){//week为定义的变量 case **://case 之后使用空格再加 满足week的值 执行语句//当满足此c ...

最新文章

  1. JS Array 中 shift 和 pop 的妙用
  2. python转换数据类型(int、float、str、eval、tuple、list、chr、ord、bin、oct、hex)
  3. 2014-02-26_javascript_event
  4. 求求你不要在用!=null判空了
  5. POJ 1028: Web Navigation
  6. 阿里云ESC服务器数据快速转移至轻量应用服务器
  7. 【CCF】201709-1打酱油
  8. VMware 11安装Mac OS X 10.10
  9. 编译原理龙书第四章部分习题(编译原理作业三)
  10. 十大经典排序算法(C语言实现)
  11. AI足球预测软件|足球大数据预测分析
  12. iPhone4s(iOS 6.1.3 越狱) 登录微信(6.2.0.19)
  13. 结婚时贴红“囍”字的来历
  14. 真正卓越的领导者,都有这6大共性
  15. 2021秋招笔试(1)_乐鑫
  16. 注销在html中怎么,关于注销页面
  17. Latex学习笔记(五)——Latex模板学习总结
  18. Linux下套接字详解(六)----基于pthread的多线程的TCP套接字(阻塞/同步/并发)
  19. 各大短信平台接入方法
  20. 如何生成题注和表注目录

热门文章

  1. 戏说领域驱动设计(十二)——服务
  2. 小组取什么名字好_唐三和其他女神组CP取什么名字?当看到答案后,瞬间让人甜到掉牙...
  3. 2022年山西省11地市高新技术企业申报奖励补助政策及认定条件流程
  4. 蓝桥杯单片机备考必看内容,学习一周,保底省三!
  5. Bilibili支持了AV1编码,关于AV1编码你知道吗?
  6. 转:rsync远程备份实测和总结
  7. 定时任务@Scheduled(cron = “* * * * * *“) cron表达式
  8. python 实战(5)python 登录 爬自己脉脉好友数据
  9. 设置VIM编辑器显示行号
  10. shell版本爬取NVD网站信息