JavaScript switch语句原理 + 案例

最新推荐文章于 2023-08-31 11:26:16 发布

战斗中的老段

最新推荐文章于 2023-08-31 11:26:16 发布

阅读量482

点赞数 2

分类专栏： javascript基础到实战文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_48203828/article/details/126425381

版权

javascript基础到实战专栏收录该内容

53 篇文章 4 订阅

订阅专栏

switch原理：
在这里插入图片描述

switch 初始化结构

 // 入门的switch语句
        // switch(2) {
        //     case 1:{
        //         alert(1)
        //         break;
        //     }
        //     case 2:{
        //         alert(2)
        //         break;
        //     }
        //     case 3:{
        //         alert(3)
        //         break;
        //     }
        //     default : {
        //         alert('没有此数')
        //     }
        // }

switch 计算器小案例


        // 简单计算器
        // 需求:用户输入2个数字,然后输入 +-*/任何一个计算结果
        let num = +prompt('请输入第一个数:')
        let num2 = +prompt('请输入第二个数:')
        let sy = prompt('请输入 + - * / 运算符:')
        // 用户输入不同算术运算符,可以执行不同的运算(switch)
        switch (sy) {
            case '+': {
                document.write(`您输入的是加法,当前运行结果是:${ num + num2}`)
                break;
            }
            case '-': {
                document.write(`您输入的是减法,当前运行结果是:${ num - num2}`)
                break;
            }
            case '*': {
                document.write(`您输入的是乘法,当前运行结果是:${ num * num2}`)
                break;
            }
            case '/': {
                document.write(`您输入的是除法,当前运行结果是:${ num / num2}`)
                break;
            }
            default :{
                document.write(`您输入不对,让重新输入+ - * / 运算符`)
            }
        }