js入门 switch的基础用法

最新推荐文章于 2025-07-10 04:57:46 发布

原创最新推荐文章于 2025-07-10 04:57:46 发布 · 6.4k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#web前端 #html #css #JavaScript #js入门

本文介绍JavaScript中switch语句的两种使用方法，包括直接比较变量与使用布尔表达式进行条件匹配，并通过实例展示如何用switch创建一个简易的四则运算计算器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

switch实际上呢有两种用法

// switch(条件){
    //     case 条件判断：执行语句; break;//防止穿透 退出当前的代码
    //     case 条件判断：执行语句; break;
    //     case 条件判断：执行语句; break;
    //     case 条件判断：执行语句; break;
    //     default: 都不成立执行; //不是必须的
    // }

今天通过获取本地实现日期两种不同方法的使用

1：

在声明时获取到本地的日期

在switch（）里去写声明的变量day

在case后可以写日期 1~6 代表周一到周六 0代表周日

 //判断一下今天是星期几   日期对象 Date
    var day = new Date().getDay()   //0-6
    console.log(day)
    // if(day == 4){
    //     alert('今天周四')
    // }
    switch(day){ //（）里写变量，下面直接就写用到的值
        case 0:alert('今天周日，明天上课');break;
        case 1:alert('今天周一，元气满满的一天');break;
        case 2:alert('今天周二，元气满满的一天');break;
        case 3:alert('今天周三，人间不值得');break;
        case 4:alert('今天周四，坚持，后天就放假了...');break;
        case 5:alert('今天周五，我快要死了，加油，明天放假');break;
        case 6:alert('今天周六，一月工资1300 一切消费我买单');break;

    }

2：

在switch（）里写true 代表这个switch方法成立，

day就是上面声明好的变量当变量等于数字几的时候，就代表周几

switch(true){ // （）写判断成立 ，下面写变量+需要用到的值
        case day == 0:alert('今天周日，明天上课');break;
        case day == 1:alert('今天周一，元气满满的一天');break;
        case day == 2:alert('今天周二，元气满满的一天');break;
        case day == 3:alert('今天周三，人间不值得');break;
        case day == 4:alert('今天周四，坚持，后天就放假了...');break;
        case day == 5:alert('今天周五，我快要死了，加油，明天放假');break;
        case day == 6:alert('今天周六，一月工资1300 一切消费我买单');break;
        
    }

下面是通过switch做的一个简易的计算器

 <input type="text" id="txt" value="">
    <select name="" id="sct">
        <option value="+">+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
    </select>
    <input type="text" id="tet" value="">
    <button id="btn">=</button>
    <input type="text" id="jig" value="">
    <script>
    var txt = document.getElementById('txt');
    var sct = document.getElementById('sct');
    var tet = document.getElementById('tet');
    var btn = document.getElementById('btn');
    var jig = document.getElementById('jig');   
    btn.onclick = function(){ 
        var sctV = sct.value;  //声明变量获取到option里的value值（+ - * /）
        var txtV = Number(txt.value); 
//获取到的input里的值是string类型，无法做算术运算，所以要强制转成数字类型
        var tetV = Number(tet.value);
        switch(sctV){
            case '+' : jig.value= txtV + tetV ; break;
            case '-' : jig.value= txtV - tetV ; break;
            case '*' : jig.value= txtV * tetV ; break;
            case '/' : jig.value= txtV / tetV ; break;
        }
    }