javascript案例20——switch语句的用法

最新推荐文章于 2023-06-20 20:07:06 发布
最新推荐文章于 2023-06-20 20:07:06 发布
阅读量353 收藏 3
点赞数
分类专栏： javascript 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xulihua_75/article/details/124764851
版权

一、案例描述

用户在弹出框里面输入零食名称， 如果有就弹出该零食的价格， 如果没有该零食就弹出“ 没有此零食”。(采用switch)

二、案例效果演示

三、案例局部代码请添加图片描述

js代码：
var snacks = prompt('请输入零食名称：');
switch (snacks) {
     case '薯片':
         alert('薯片每包7.5元');
         break;
     case '饼干':
         alert('饼干每包7元');
         break;
     case '辣条':
         alert('辣条每包3元');
         break;
     default:
         alert('该零食暂未上架');
         break;
 }

四、总结

switch分支语句的用法。
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/switch

耶啵奶膘
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript switch语句使用方法简介
12-13
这篇文章主要介绍了JavaScript switch语句使用方法简介,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 switch 语句用于基于不同条件执行不同动作。 switch...
Javascript基础教程之switch语句
10-24
主要介绍了Javascript基础教程之switch语句的相关资料,需要的朋友可以参考下
JS条件选择switch语句案例
yun_shuo的博客
01-14 1404
JS条件选择switch语句案例 switch 语句用于基于不同条件执行不同动作，使用 switch 语句来选择多个需被执行的代码块之一，基本语法如下： switch(表达式) { case n: 代码块 break; case n: 代码块 break; default: 默认代码块 } 执行的规则是：1、计算一次 switch 表达式。2、把表达式的值与每个 case 的值进行对比。3、如果
JavaScript switch 例子
学习笔记
11-19 102
下面的code是从 MDN 上copy 过来的： 与 C 类似，case 后要加 break，不然会一直执行，与 go 不同。 const action = 'say_hello'; switch (action) { case 'say_hello': let message = 'hello'; console.log(message); break; case 'say_hi': let message = 'hi'; console.log(messa
JavaScript switch语句原理 + 案例
老段的CSDN的博客
08-19 526
switch 计算器小案例。switch 初始化结构。
js中switch语句
qq_44552416的博客
04-17 722
js中switch语句 var fruit = prompt('请输入水果') switch(fruit) { case '苹果'： alert('您喜欢吃苹果') break; case '香蕉': alert('您喜欢吃香蕉') break; default: alert('重口味了') } ...
js基础【switch案例 算术运算符计算】
姗姗的博客
07-06 1507
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compa...
JavaScript中switch语句的用法详解
10-24
主要介绍了JavaScript中switch语句的用法详解,是JS入门学习中的基础知识,需要的朋友可以参考下
JavaScript Switch 语句的详解
huaishitou的专栏
04-27 3760
JavaScript Switch 语句 请使用 switch 语句来选择要执行的多个代码块之一。 语法 switch(n) { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: n 与 case 1 和 case 2 不同时执行的代码 } 工作原理：首先设置表达式 n（通常是一个变量
JavaScript的switch语句与经典案例年月日
通俗易懂
12-05 1589
switch语法 switch(n) { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: 与 case 1 和 case 2 不同时执行的代码 } 工作原理 首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 ca...
JS基础：流程控制-分支结构（if语句和switch语句）及其案例
weixin_49555741的博客
04-20 814
目录 1. 流程控制 2. 顺序流程控制 3. 分支流程控制 3.1 if 语句 3.2 if else 语句（双分支语句） 3.3.1if案例 （判断闰年） 3.4 if else if 语句（多分支语句） 3.4.1 判断成绩级别案例 3.5 switch 语句 3.5.1 查询水果价格案例 3.5.2 switch 语句和 if else if 语句区别 4. 三元表达式 4.1 数字补0案例 1. 流程控制 流程控制就是控制代码按照什么顺序结构来执行 ...
Javascript中的switch
weixin_53473752的博客
05-11 383
浅谈Javascript中switch语句的使用 switch语句也是多分支语句，它用于基于不同的条件来执行不同的代码。当要针对变量设置一系列的特定值的选项时，就可以使用switch。 1、语法结构 ...
JS中的switch用法
ydeway的博客
11-25 1196
记录一下这种用法，可在case语句后做简单的判断操作 switch(true) { case item.TOEICSCORE < 250: countless250++; break; case item.TOEICSCORE >= 250 && item.TOEICSCO...
JavaScript switch()的特殊用法
念时光
07-27 978
var age = 10; swicth(true){ case age >= 1 && age < 10: console.log('儿童'); break; case age >= 10 && age < 20: console.log('青少年'); break; case age >=20 && age < 30: console.log('壮年
JS用switch写如下程序 我们来做个周计划，周一、二学习理念知识， 周三、四到企业实践，周五总结经验，周六、日休息和娱乐
weixin_69147200的博客
03-29 365
【代码】JS用switch写如下程序 我们来做个周计划，周一、二学习理念知识， 周三、四到企业实践，周五总结经验，周六、日休息和娱乐。
JS高级 03-32 语句-switch语句
学无止境
06-12 218
switch 语句与 if 语句的关系最为密切，而且也是在其他语言中普遍使用的一种流控制语句。 ECMAScript中switch语句的语法与其他基于C的语言非常接近，如下所示： switch (expression) { case value: statement break; case value: statement break; case value: statement break； case value： statement break； default: st
JavaScript中Switch语句的使用方法
编程界明世隐的博客
12-02 1万+
语法 switch(表达式) { case n: 代码块 break; case n: 代码块 break; default: 默认代码块 } 说明： 1.每计算一次 switch 表达式，会把得到的值与每个 case 的值进行对比，如果匹配就会执行相关的代码。 2.break语句则会跳出switch，一旦遇到它，那么它后面的语句都不会执行。 3.break语句可以节省一些时间，如果没有brea...
【零基础学JS - 14 】javaScript中的switch语句
热门推荐
在读研究生，专注于图像领域，主要研究内容包括计算机视觉和深度学习，特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。
06-20 2万+
JavaScript switch语句用于进行决策。 switch语句评估一个表达式，并执行与表达式结果相匹配的相应代码块。
千万不要在JavaScript中使用If-Else和Switch。 建议用Object Literals
前端仙人的博客
12-27 998
用Object Literals意义在JavaScript中写出更好的条件语句 在JavaScript中编写复杂的条件语句，总是有可能产生一些相当混乱的代码。长长的if/else语句或switch case列表会很快变得臃肿。 当有多个条件时，我发现Object Literals是最易读的代码结构方式。让我们来看看它们是如何工作的。 作为一个例子，假设我们有一个函数，它接收一个押韵的俚语并返回其含义。使用if/else语句，它看起来会是这样。 function getTranslation(rhyme).
javascript switch语句用法
最新发布
09-13
JavaScript的switch语句用于根据不同的条件执行不同的代码块。它的基本语法如下： ```javascript switch (expression) { case value1: // 当expression等于value1时执行的代码块 break; case value2: // 当expression等于value2时执行的代码块 break; ... default: // 当expression与所有case都不匹配时执行的代码块 } ``` - `expression`是需要被比较的表达式或值。 - `case`后面跟着一个值或表达式，用来和`expression`进行比较。 - 如果`expression`等于某个`case`后面的值，那么对应的代码块会被执行。 - `break`语句用于终止当前的`case`代码块，并跳出整个`switch`语句。 - 如果`expression`与所有的`case`都不匹配，那么会执行`default`后面的代码块。 下面是一个简单的例子，展示了switch语句的使用： ```javascript var fruit = 'apple'; switch (fruit) { case 'apple': console.log('It is an apple.'); break; case 'banana': console.log('It is a banana.'); break; case 'orange': console.log('It is an orange.'); break; default: console.log('It is an unknown fruit.'); } ``` 在上面的例子中，变量`fruit`的值为'apple'，所以会执行第一个case后面的代码块，打印出'It is an apple.'

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值