js中switch语句的学习笔记

 更新时间:2020年03月25日 15:24:51   作者:V  
在本文里小编给各位分享的是关于js中switch语句的使用方法及学习笔记内容,有兴趣的朋友们可以参考下。

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实现Tab栏切换特效

    JavaScript实现Tab栏切换特效

    这篇文章主要为大家详细介绍了JavaScript实现Tab栏切换特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • js 创建快捷方式的代码(fso)

    js 创建快捷方式的代码(fso)

    js 创建快捷方式的代码,这个是在本地运行的需要确认的,需要的朋友可以参考下。
    2010-11-11
  • ES6学习教程之对象的扩展详解

    ES6学习教程之对象的扩展详解

    这篇文章主要给大家介绍了ES6中对象扩展的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-05-05
  • javascript如何删除所有事件监听器

    javascript如何删除所有事件监听器

    这篇文章主要介绍了javascript 删除所有事件监听器,文中还通过示例代码介绍了javaScript删除对象属性总结方法,结合示例代码给大家介绍的非常详细,需要的朋友可以参考下
    2023-06-06
  • JS实现图片手风琴效果

    JS实现图片手风琴效果

    这篇文章主要为大家详细介绍了JavaScript实现图片手风琴效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • js回文数的4种判断方法示例

    js回文数的4种判断方法示例

    这篇文章主要给大家介绍了关于js回文数的4种判断方法,文中通过示例代码介绍的非常详细,对大家学习或者使用js具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-06-06
  • JavaScript实现自动消除按钮功能的方法

    JavaScript实现自动消除按钮功能的方法

    这篇文章主要介绍了JavaScript实现自动消除按钮功能的方法,涉及javascript针对页面元素属性操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • 微信小程序图片上传组件实现图片拖拽排序

    微信小程序图片上传组件实现图片拖拽排序

    最近在写小程序过程中遇到一个拖拽排序需求,上网一顿搜索未果,遂自行实现,下面这篇文章主要给大家介绍了关于微信小程序图片上传组件实现图片拖拽排序的相关资料,需要的朋友可以参考下
    2022-03-03
  • uniapp页面通讯讲解之uni.$emit、uni.$on、uni.$once和uni.$off

    uniapp页面通讯讲解之uni.$emit、uni.$on、uni.$once和uni.$off

    uni-app 是一个使用vue.js开发所有前端应用的框架,下面这篇文章主要给大家介绍了关于uniapp页面通讯之uni.$emit、uni.$on、uni.$once和uni.$off的相关资料,需要的朋友可以参考下
    2022-09-09
  • 让alert不出现弹窗的两种方法

    让alert不出现弹窗的两种方法

    这篇文章主要介绍了让alert不出现弹窗的两种方法,需要的朋友可以参考下
    2014-05-05

最新评论