首页 > 编程语言 >前端必知必会-JavaScript Switch 语句

前端必知必会-JavaScript Switch 语句

时间:2024-11-16 11:18:52浏览次数:3  
标签:case 示例 必知 text JavaScript switch break default Switch

文章目录


JavaScript Switch 语句

switch 语句用于根据不同的条件执行不同的操作。

JavaScript Switch 语句

使用 switch 语句从多个代码块中选择一个执行。

语法

switch(expression) {
case x:
// 代码块
break;
case y:
// 代码块
break;
default:
// 代码块
}

工作原理如下:

switch 表达式只求一次值。
将表达式的值与每个 case 的值进行比较。
如果匹配,则执行相关代码块。
如果不匹配,则执行默认代码块。
示例
getDay() 方法以 0 到 6 之间的数字返回星期几。

(Sunday=0, Monday=1, Tuesday=2 …)

此示例使用星期几数字计算星期几名称:

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 = "星期六";
}

day 的结果将是:

星期六

break 关键字

当 JavaScript 到达 break 关键字时,它会跳出 switch 块。

这将停止 switch 块内的执行。

没有必要跳出 switch 块中的最后一个 case。块无论如何都会在那里跳出(结束)。

注意:如果省略 break 语句,即使评估与该 case 不匹配,也会执行下一个 case。

default 关键字

default 关键字指定在没有匹配的情况下运行的代码:

示例
getDay() 方法以 0 到 6 之间的数字返回星期几。

如果今天既不是星期六 (6) 也不是星期日 (0),则编写默认消息:

switch (new Date().getDay()) {
case 6:
text = "今天是星期六";
break;
case 0:
text = "今天是星期日";
break;
default:
text = "期待周末";
}

text 的结果将是:

今天是星期六
default case 不必是 switch 块中的最后一个 case:

示例

switch (new Date().getDay()) {
default:
text = "期待周末";
break;
case 6:
text = "今天是星期六";
break;
case 0:
text = "今天是星期日";
}

如果 default 不是 switch 块中的最后一个 case,请记住用 break 结束 default case。

常见代码块

有时,您会希望不同的 switch case 使用相同的代码。

在此示例中,case 4 和 5 共享相同的代码块,而 case 0 和 6 共享另一个代码块:

示例

switch (new Date().getDay()) {
case 4:
case 5:
text = "Soon it is Weekend";
break;
case 0:
case 6:
text = "It is Weekend";
break;
default:
text = "Looking forward to the Weekend";
}

switch详细信息

如果多个 case 与 case 值匹配,则选择第一个 case。

如果未找到匹配的 case,则程序继续执行默认标签。

如果未找到默认标签,则程序继续执行 switch 后的语句。

严格比较

Switch case 使用严格比较 (===)。

值必须属于同一类型才能匹配。

仅当操作数属于同一类型时,严格比较才为真。

在此示例中,x 将不匹配:

示例

let x = "0";
switch (x) {
case 0:
text = "Off";
break;
case 1:
text = "On";
break;
default:
text = "No value found";
}

总结

本文介绍了JavaScript Switch 语句的使用,如有问题欢迎私信和评论

标签:case,示例,必知,text,JavaScript,switch,break,default,Switch
From: https://blog.csdn.net/qq_24018193/article/details/143813352

相关文章

  • javaScript交互补充3(JSON数据)
    3.1、JSON(1)、定义:JSON数据格式JavaScriptObjectNotation缩写即js对象表示法由于JS中的对象只有JS自己认识,其他的语言都不认识,所以引入了JSON,JSON就是一个特殊格式的字符串,这个字符串可以被任意的语言所识别,并且可以转换为任意语言中的对象,JSON在开发中主要用来数据的......
  • javaScript交互补充4(本地存储)
    localstorage、Sessionstorage是WebStorage,H5的本地存储机制。是本地存储,存储在客户端,以键/值对的形式存储的,通常以字符串存储。是针对HTML4中Cookie存储机制的一个改善,由于Cookie存储机制有很多缺点,HTML5不再使用它,转而使用改良后的WebStorage存储机制。4.1、Cookie(1......
  • javaScript交互补充(元素的三大系列)
    1、元素的三大系列1.1、offset系列1.1.1、offset初相识使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等获得元素距离带有定位祖先元素的位置获得元素自身的大小(宽度高度)注意:返回的数值都不带单位offset系列常用属性offset系列属性作用element.offset......
  • 代理模式在JavaScript中的恋爱应用笔记
    一、引言在面向对象编程的世界里,代理模式犹如一位巧妙的媒人,巧妙地连接了两个对象之间的交互,而无需直接显式地引用彼此。这种模式不仅降低了系统的耦合度,还使得代码更加灵活、可扩展。而在JavaScript的世界里,代理模式更是展现出了其独特的魅力。今天,我将结合恋爱场景,为大家......
  • 解码JavaScript作用域:var a = 1; 背后的故事
    1、引言JavaScript是一种广泛使用的编程语言,其灵活的语法和强大的功能使其成为前端开发的首选语言。然而,对于初学者来说,理解JavaScript中的作用域机制可能会有些困难。本文将通过一句简单的代码vara=1;,深入解析JavaScript的执行机制和作用域管理。2、变量声明与......
  • 【JavaScript】LeetCode:96-100
    文章目录96单词拆分97最长递增子序列98乘积最大子数组99分割等和子集100最长有效括号96单词拆分动态规划完全背包:背包-字符串s,物品-wordDict中的单词,可使用多次。问题转换:s能否被wordDict中的单词组成。dp[i]:长度为i的字符串s[0,i]能否被wordDict组成,dp[i]=......
  • 【JavaScript】LeetCode:91-95
    文章目录91不同路径92最小路径和93最长回文子串94最长公共子序列95编辑距离91不同路径动态规划dp[i][j]:从[0,0]到[i,j]的路径条数。dp[i][j]=从[0,0]到[i,j]上面一格的路径条数+从[0,0]到[i,j]左边一格的路径条数。初始化:因为第一行的格子只能由左......
  • JavaScript介绍与使用
    1.认识jsjs全称(javascript):是网页上面的一个脚本语言运行执行代码逻辑从而达到我们需要的效果2.JavaScript组成核心语法-ECMAScript:规范了JS的基本语法Es是js的语法规范管理者js是Es的实现操作者DOM=>文档对象提供js操作BOM=>浏览器模型对象提供......
  • JavaScript常用对象方法二:数组(array)
    1.concat()用于连接两个或多个数组。该方法不会改变现有的数组,而是返回一个新的数组。个人感觉es6出来的扩展运算符比这个方法要简洁一些扩展运算符的方法:constarr1=[1,2];constarr2=[3,4];constarr3=[...arr1,...arr2];console.log(arr3);//[1,2,......
  • [原创]手把手教学之前端0基础到就业——day11( Javascript )
    文章目录day11(Javascript)01Javascript①Javascript是什么②JavaScript组成③Javascript的书写位置1.行内式(不推荐)2.内部位置使用(内嵌式)3.外部位置使用(外链式)02变量1.什么是变量2.定义变量及赋值3.注意事项4.命名规范03输入和输出1)输出形式1......