js中switch语句的学习笔记


Posted in Javascript onMarch 25, 2020

switch 语句用于基于不同条件执行不同动作。

语法格式如下:

switch(表达式) {
  case n:
  代码块
  break;
  case n:
  代码块
  break;
  default:
  默认代码块
}

代码解释:

计算一次 switch 表达式;

把表达式的值与每个 case 的值进行对比;

如果存在匹配,则执行关联代码。

如下:

switch (new Date().getDay()) {
 case 0:
  day = "星期天";
  break;
 case 1:
  day = "星期一";
   break;
 case 2:
  day = "星期二";
   break;
 case 3:
  day = "星期三";
   break;
 case 4:
  day = "星期四";
   break;
 case 5:
  day = "星期五";
   break;
 case 6:
  day = "星期六";
}

扩展内容

JavaScript中switch语句的用法总结

JavaScript的switch...case语句,是在开发中经常用到的,但是通常都是给定值,然后进入case分支的操作,今天来总结一些switch的其他操作。

var a = 100;
var b = NaN;
switch (true) {
 case isNaN(a) || isNaN(b):
  console.log('NaNNaN');
  break;
 case a === b:
  console.log(0);
  break;
 case a < b:
  console.log(-1);
  break;
 default:
  console.log(1);
}

// NaNNaN

多case,单操作

var Animal = 'Giraffe';
switch (Animal) {
 case 'Cow':
 case 'Giraffe':
 case 'Dog':
 case 'Pig':
  console.log('This animal will go on Noah\'s Ark.');
  break;
 case 'Dinosaur':
 default:
  console.log('This animal will not.');
}

// This animal will go on Noah's Ark.

到此这篇关于js中switch语句的学习笔记的文章就介绍到这了,更多相关js中switch语句的使用方法内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(6)
Dec 23 Javascript
浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
Jan 10 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
Feb 26 Javascript
在Google 地图上实现做的标记相连接
Jan 05 Javascript
js实现仿微博滚动显示信息的效果
Dec 21 Javascript
常见的javascript跨域通信方法
Dec 31 Javascript
js removeChild 方法深入理解
Aug 16 Javascript
JS实现控制图片显示大小的方法【图片等比例缩放功能】
Feb 18 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
Sep 27 Javascript
JS实现倒序输出的几种常用方法示例
Apr 13 Javascript
vue-cli3跨域配置的简单方法
Sep 06 Javascript
微信小程序实现左侧滑动导航栏
Apr 08 Javascript
JS实现进度条动态加载特效
Mar 25 #Javascript
使用Angular9和TypeScript开发RPG游戏的方法
Mar 25 #Javascript
javascript+css实现进度条效果
Mar 25 #Javascript
JS实现可控制的进度条
Mar 25 #Javascript
js实现简单进度条效果
Mar 25 #Javascript
JavaScript实现简单进度条效果
Mar 25 #Javascript
JavaScript实现随机点名程序
Mar 25 #Javascript
You might like
简单采集了yahoo的一些数据
2007/02/14 PHP
15种PHP Encoder的比较
2007/03/06 PHP
PHP在网页中动态生成PDF文件详细教程
2014/07/05 PHP
yii2.0数据库迁移教程【多个数据库同时同步数据】
2016/10/08 PHP
PHP实现基于面向对象的mysqli扩展库增删改查操作工具类
2017/07/18 PHP
Yii框架使用PHPExcel导出Excel文件的方法分析【改进版】
2019/07/24 PHP
javascript 快速排序函数代码
2012/05/30 Javascript
jQuery滚动加载图片效果的实现
2013/03/06 Javascript
JSON传递bool类型数据的处理方式介绍
2013/09/18 Javascript
js定时器怎么写?就是在特定时间执行某段程序
2013/10/11 Javascript
JS实现匀速运动的代码实例
2013/11/29 Javascript
浅谈JavaScript中的String对象常用方法
2015/02/25 Javascript
初识Javascript小结
2015/07/16 Javascript
javascript学习总结之js使用技巧
2015/09/02 Javascript
详解javascript实现瀑布流绝对式布局
2016/01/29 Javascript
javascript 用函数实现继承详解
2016/05/28 Javascript
使用JQuery中的trim()方法去掉前后空格
2016/09/16 Javascript
js使用Replace结合正则替换重复出现的字符串功能示例
2016/12/27 Javascript
jquery append与appendTo方法比较
2017/05/24 jQuery
jQuery实现的弹幕效果完整实例
2017/09/06 jQuery
vue监听input标签的value值方法
2018/08/27 Javascript
生成无限制的微信小程序码的示例代码
2019/09/20 Javascript
了不起的11个JavaScript代码重构最佳实践小结
2021/01/11 Javascript
Vue基本指令实例图文讲解
2021/02/25 Vue.js
玩转python selenium鼠标键盘操作(ActionChains)
2020/04/12 Python
使用python语言,比较两个字符串是否相同的实例
2018/06/29 Python
PyCharm+PySpark远程调试的环境配置的方法
2018/11/29 Python
Django Rest framework解析器和渲染器详解
2019/07/25 Python
TensorFlow2.0:张量的合并与分割实例
2020/01/19 Python
使用Pyhton 分析酒店针孔摄像头
2020/03/04 Python
python实现人工蜂群算法
2020/09/18 Python
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
历史专业个人求职信范文
2013/12/07 职场文书
2014幼儿园教育教学工作总结
2014/12/17 职场文书
幼儿园父亲节活动总结
2015/02/12 职场文书
GoLang中生成UUID唯一标识的实现
2021/05/08 Golang