JavaScript如何使用Switch语句来选择将要执行的代码块

发布时间:2022-02-22 09:49:52 作者:小新
来源:亿速云 阅读:200

这篇文章主要为大家展示了“JavaScript如何使用Switch语句来选择将要执行的代码块”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript如何使用Switch语句来选择将要执行的代码块”这篇文章吧。

JavaScript Switch 语句
switch 语句用于基于不同的条件来执行不同的动作。
使用 switch 语句来选择要执行的多个代码块之一。语法如下:

switch(n) {
    case 1:
        // 执行代码块 1
        break;
    case 2:
        //执行代码块 2
        break;
    default:
        // n 与 case 1 和 case 2 不同时执行的代码
}

工作原理
    首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。使用 break 来阻止代码自动地向下一个 case 运行。

实例

<!DOCTYPE html>
<html>
<body>
<p>点击下面的按钮来显示今天是周几:</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction() {
    var x;
    var d=new Date().getDay();
    switch (d) {
        case 0:
            x="Today it"s Sunday";
            break;
        case 1:
            x="Today it"s Monday";
            break;
        case 2:
            x="Today it"s Tuesday";
            break;
        case 3:
            x="Today it"s Wednesday";
            break;
        case 4:
            x="Today it"s Thursday";
            break;
        case 5:
            x="Today it"s Friday";
            break;
        case 6:
            x="Today it"s Saturday";
            break;
    }
    document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

注释:显示今日的周名称。请注意 Sunday=0, Monday=1, Tuesday=2, 等等。

default 关键词
使用 default 关键词来规定匹配不存在时做的事情:

var day=new Date().getDay();
switch (day) {
    case 6:
        x="Today it"s Saturday";
        break;
    case 0:
        x="Today it"s Sunday";
        break;
    default:
        x="Looking forward to the Weekend";
}

注释:如果今天不是周六或周日,则会输出默认的消息 "Looking forward to the Weekend"。

以上是“JavaScript如何使用Switch语句来选择将要执行的代码块”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. 如何使用JavaScript中Switch语句
  2. 在JavaScript中使用switch语句的方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript switch

上一篇:PHP中echo和print怎么用

下一篇:JavaScript中全局变量和局部变量是什么

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》