You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在jQuery中实现包含default分支的switch case功能?

完善jQuery中的Switch-Case并添加Default分支

我来帮你修正并完善这段代码,实现带有default分支的switch-case功能,同时解决现有代码里的语法错误:

原代码的问题说明

  • 最后一行$('#demo').html(case"");是明显的语法错误,你需要把最终得到的day变量传入html()方法,才能将结果渲染到页面上
  • 缺少default分支,虽然new Date().getDay()理论上只会返回0-6的数值,但添加default分支可以让代码更健壮,处理意外情况

修改后的完整代码

HTML部分(无需改动)

<h1> Switch case in jQuery</h1> 
<p id="demo"></p>

JavaScript部分(添加default分支并修正错误)

$(document).ready(function(){ 
    var day; 
    switch (new Date().getDay()){ 
        case 0: day = "Sunday"; break; 
        case 1: day = "Monday"; break; 
        case 2: day = "Tuesday"; break; 
        case 3: day = "Wednesday"; break; 
        case 4: day = "Thursday"; break; 
        case 5: day = "Friday"; break; 
        case 6: day = "Saturday"; break; 
        // 添加default分支处理所有不匹配的情况
        default: day = "Unknown Day"; break;
    } 
    // 修正语法错误,将day变量的值插入到demo元素中
    $('#demo').html(day); 
});

代码解释

  • default分支:当getDay()返回的数值不在0-6的范围内时(极端异常情况),会执行这个分支,给day赋值默认提示文本
  • 修正后的渲染逻辑:通过$('#demo').html(day)将最终得到的星期文本插入到页面的<p id="demo">元素中,实现页面展示效果

这样修改后,你的代码就能正常运行,同时具备了default分支的健壮性啦!

内容的提问来源于stack exchange,提问作者Mohsin Sohail

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.30 08:17:27