JavaScript Switch

最新推荐文章于 2024-05-30 21:45:33 发布
最新推荐文章于 2024-05-30 21:45:33 发布
阅读量266 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： JavaScript 文章标签： javascript switch
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/liqianglai/article/details/52115964
本文介绍了一个用于根据文件格式返回对应图标的JavaScript函数。该函数使用switch语句为不同的文件类型（如文档、音乐、视频和图片）分配特定的图标名称。

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

直接上代码

function getIconByFormat(format) {
  var icon = '';
  switch (format) {
    case 'ppt':
      icon = 'ppt';
      break;
    case 'doc':
    case 'docx':
      icon = 'word';
      break;
    case 'mid':
    case 'wma':
    case 'wav':
    case 'flac':
    case 'm4a':
    case 'voc':
    case 'mp3':
      icon = 'music';
      break;
    case 'flv':
    case 'avi':
    case 'mkv':
    case 'wmv':
    case 'mp4':
    case 'f4v':
    case 'mpg':
    case 'asf':
    case 'webm':
    case 'mov':
    case 'rmvb':
    case 'rm':
    case 'mp4':
      icon = 'video';
      break;
    case 'jpg':
    case 'jpeg':
      icon = 'image';
      break;
    default:
      break;
  }
  return icon;
}

结果：

getIconByFormat("doc") => word
getIconByFormat("wmv") => video
getIconByFormat("jpeg") => image
JavaScript switch 语句
2401_82968855的博客
06-20 507
服务端返回了用户信息，当用户的 VIP 等级为 1、2、3 的时候，显示初级VIP，VIP 等级为 4、5 的时候，显示中级 VIP，当 VIP 等级为 6 的时候，显示高级 VIP，否则显示普通会员。num 为 3 ，所以加上 1 之后为 4 ，case 匹配到的就是 4 ，所以输出了case的值是4，但是紧接着后面的case的值是5与没有匹配到值也被输出了。switch 语句在执行的时候会先接受一个表达式，最后根据表达式的结果进行条件的匹配，即 case 后面的值。
JavaScript switch 语句详解
最新发布
wjs2024的博客
02-09 485
JavaScript 中的 switch 语句是一种常用的控制结构，可以简化代码并提高可读性。通过本文的介绍，相信读者已经对 switch 语句有了全面的了解。在实际编程中，根据具体需求选择合适的控制结构，可以使代码更加高效、易读。
JavaScript Switch 语句
zsx0728的博客
04-13 1502
文章目录 在本教程中，您将借助示例了解 JavaScript switch 语句。 JavaScript switch 语句用于决策。 switch 语句计算表达式并执行与表达式结果匹配的相应主体。 switch 语句的语法是： switch(variable/expression) { case value1: // body of case 1 break; case value2: // body of case 2
JavaScript switch语句
Python老吕的博客
05-30 1488
switch语句在JavaScript中是一种强大的控制结构，但在某些场景下，可能需要考虑其他替代方案以获得更好的灵活性或可读性。最终的选择应该基于代码的可维护性、性能需求和具体业务逻辑。👨‍💻博主Python老吕评论，您的举手之劳将对我提供了无限的写作动力！🤞🔥《Python全栈工程师》《跟老吕学MySQL》《Python游戏开发实战讲解》🌞《Python全栈工程师·附录资料》《Pillow库·附录资料》《Pygame·附录资料》《Tkinter·附录资料》《Django·附录资料》
Javascript switch 语句用法
licun110的博客
04-25 871
在JavaScript中，switch语句也是选择结构中很常用的语句。switch语句用于将一个表达式同多个值进行比较，并根据比较结果选择执行语句。switch(表达式)case 取值1:语块1;break;case 取值2:语块3;break;……case 取值n:语块n;break;default:语句块n+1;
15.JavaScript switch语句、break、共享case
魏大大
04-26 1012
文章目录switch语句语法break的用途switch表达式case分组类型必须相同课后作业 switch语句 switch语句是另外一种JavaScript的条件分支语句，相比于if，在某些情况下，switch语句更加简洁、可读。 语法 switch( exp ){ case 'val1': ...//代码块1 break; case 'val2': ...//代码块2 break; ... default: } switch语句由一个条件语句exp，至少一个case代码块
JavaScript Switch 赋值运算符
lysliuyue的博客
06-07 900
今天分享一下js的赋值运算符,赋值运算符很简单！！好我们直接看案例吧！ <script> window.onload=function() { //变量,分别赋值 vara1=10,a2=10,a3=10,a4=10,a5=10; //下面是赋值运算符 a1=a1...
JavaScript switch分支流程控制
老段的优快云的博客
07-30 127
JavaScriptswitch分支流程控制。
写点东西《Javascript switch 语句的替代方法》
Mr.Bone
01-22 1046
本文扩展了 Todd Motto 关于用对象字面量替换 switch 语句的想法。这是过时、笨拙且冗长的switch语句的一种非常简洁美观的替代方法。在本文的最后，您将获得一个基于 Todd 解决方案的实用程序函数，该函数对开发人员更加友好，因此请坚持到最后！如果您对技术细节不感兴趣，只想了解实用程序函数，请向下滚动到最后一节（您需要的一切都在一个地方）。
JavaScript switch case语句
Itmastergo的博客
01-15 4323
JS switch case 语句与 if else 语句的多分支结构类似，都可以根据不同的条件来执行不同的代码；但是与 if else 多分支结构相比，switch case 语句更加简洁和紧凑，执行效率更高。注意：switch 语句中，表达式是使用全等（===）来与各个 cese 子句中的值进行匹配的。由于使用的是全等运算符，因此不会自动转换每个值的类型。
JavaScript Switch-crx插件
04-05
这个插件提供了一个行为类似的按钮，在“ about：config”页面上设置“ javascript.enabled” =“ false”或“ true”。 这个插件提供了一个行为类似的按钮，在“ about：config”页面上设置“ javascript.enabled”...
JavaScript switch语句使用方法简介
12-13
JavaScript中的`switch`语句是一种控制流程结构，它允许我们基于不同的条件执行不同的代码块，类似于其他编程语言中的多路选择语句。`switch`语句通常被用来替代多个`if...else if...else`语句，使得代码更加简洁、...
JavaScript Switch 声明
10-30
### JavaScript Switch 声明详解 #### 一、引言 在编程中，根据不同的条件执行不同的代码逻辑是非常常见的需求。JavaScript 提供了多种条件控制结构来满足这种需求，其中包括 `if...else` 语句和 `switch` 语句。...
使用JavaScript switch case 另类写法
10-29
在讨论JavaScript编程时，switch-case结构通常用于基于不同的条件执行不同的代码块。而在函数式编程范式中，函数可以被视为一等公民，即函数可以作为参数传递，也可以作为值返回，还可以被赋值给变量。在JavaScript...
json-server快速“伪造”后台接口
热门推荐
朝花夕拾
12-06 1万+
环境需要安装 node https://nodejs.org/en/开始 新建项目 mkdir rest-api-demo && cd rest-api-demo 初始化项目 npm init 安装 npm install --save-dev json-server 在项目根目录下，新建一个 JSON 文件db.json{ "posts": [ { "id": 1, "title":
使用webpack编译TypeScript，自动编译，自动刷新
朝花夕拾
12-23 2783
1.clone 代码git clone git@github.com:liqianglai/JavaScript-study.git2.全局安装npm install -g webpack webpack-dev-server typescript2.安装项目依赖cd typescript-webpack && npm install3.编译、运行npm run build npm run dev4
测试Canvas的drawImage方法
朝花夕拾
12-15 2553
html代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试drawImage</title> <style> * { margin: 0; padding: 0; } </style> </head> <body> <fieldset> <le
requestFullscreen触发事件click/pointerdown
朝花夕拾
02-16 2107
firefox: requestFullscreen click 可以触发，pointer 无效 chrome: requestFullscreen click/pointer 均可触发 参考代码 <!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>requestFullscreen</title> </
自执行函数的优点
朝花夕拾
11-08 1853
保护内部变量不受污染(function() { function init() { console.log('init'); handleA(); } function handleA() { console.log('handleA'); handleB(); } function handleB() { console.log('handl
JavaScript switch
08-11
JavaScript中的switch语句用于根据不同的情况执行不同的代码块。它可以替代多个if-else语句，使代码更简洁易读。 switch语句的基本语法如下： ```javascript switch(expression) { case value1: // 当expression...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值