暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

JavaScript 基础:「32」使用 switch 语句从多个选项中进行选择及设置默认值

路条编程 2020-12-11
839

欢迎关注路条编程网站,本专题主要介绍 JavaScript 基本语法、注释、变量声名、各种运算符、字符串、数组及条件语句等。通过学习 JavaScript 算法及数据结构这一系列文章,你将会逐步掌握 JavaScript 基础相关的知识。
使用 switch 语句从多个选项中进行选择及设置默认值

如果你有非常多的选项需要选择,可以使用 switch 语句进行条件选择。根据不同的参数值会匹配上不同的 case 分支,语句会从第一个匹配的 case 分支开始执行,直到碰到 break 语句就结束执行。

语法示例如下所示:
switch (表达式) {
case 条件值1:
// 当 表达式 的结果与 条件值1 匹配时,从此处开始执行
执行代码块1
[break;]
case 条件值2:
// 当 表达式 的结果与 条件值2 匹配时,从此处开始执行
执行代码块2;
[break;]
...
case 条件值N:
// 当 表达式 的结果与 条件值N 匹配时,从此处开始执行
执行代码块N;
[break;]
default:
// 如果 表达式 与上面的 条件值 值都不匹配时,执行默认代码块
执行代码块_默认;
[break;]
}
为了熟悉 switch 语句如何使用,我们可以写一个获取中文星期的函数 getWeekDayName, 示例代码如下所示:
function getWeekDayName( day ){
var dayName = "";
switch( day ){
case 0 :
dayName = "星期日";
break;
case 1 :
dayName = "星期一";
break;
case 2 :
dayName = "星期二";
break;
case 3 :
dayName = "星期三";
break;
case 4 :
dayName = "星期四";
break;
case 5 :
dayName = "星期五";
break;
case 6 :
dayName = "星期六";
break;
default:
dayName = "参数错误";
break;
}
return dayName;
}


console.log( getWeekDayName( 0 ) ); // => 星期日
console.log( getWeekDayName( 6 ) ); // => 星期六
console.log( getWeekDayName( 8 ) ); // => 参数错误
以上函数代码通过参数 day 的不同值返回不同的星期名称,有效值为 0-6,如果不能匹配 0-6 条件值,返回默认值 “参数错误”。 

注意:switch 语句在比较值时使用的是全等操作符,因此不会发生类型转换。

重要提示:完整代码查看及下载,请访问  https://github.com/icoderoad/javascript-algorithms-and-data-structures。


今天就讲到这里,如果有问题需要咨询,大家可以直接留言或扫下方二维码关注公众号。也可以添加 happyzjp 微信受邀加入学习社群,我们会尽力为你解答。



作者:路条编程(转载请获本公众号授权,并注明作者与出处)



文章转载自路条编程,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

评论