switch...case...多条分支，根据条件判断，选择执行

语法：

    switch(表达式){

        case 表达式1:

             代码段1;
             break;

        case 表达式n:

             代码段n;
             break;
　　　　 default:
             默认执行代码;
}

运行机制：如果找到与表达式值匹配的case,不但执行当前case下的代码，而且之后所有代码都被触发！

break:退出当前结构；

多个条件公用同一套执行逻辑时，不加break;

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title></title>

    </head>

    <body>

        <script type="text/javascript">

            //请输入分数：

            //如果score>=90  输出优秀

            //如果score>=80  输出优秀

            //如果score>=60  输出C

            //               否则   输出D

            var score = parseInt(prompt(("请输入分数")));

            switch(true){

                case score>=90:

                case score>=80:

                　　console.log("优秀");

                break;

                case score>=60:

                    console.log("C");

                    break;

                default:

                    console.log("D");

                    break;

            }

        </script>

    </body>

</html>

以上switch...case实现方式，也可以使用if...else if...else方法实现，实现方式如下所示：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title></title>

    </head>

    <body>

        <script type="text/javascript">

            var score = parseInt(prompt(("请输入分数")));

            if(score>=90){

                console.log("A");

            }else if(score>=80){

                console.log("B");

            }else if(score>=60){

                console.log("C");

            }else{

                console.log("D");

            }

        </script>

    </body>

</html>

下方的例子需注意的是：

switch...case  是全等 ===  严格相等 不带自动类型转换

如果num===1, 执行

如果num===2, 执行

如果num===3, 执行

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title></title>

    </head>

    <body>

        <script type="text/javascript">

            var num=parseInt(prompt("请选择服务种类"));

            switch(num){

                case 1:  //如果num===1

                    console.log("余额查询中");

                    break;

                case 2:  //如果num===2

                    console.log("取款进行中");

                    break;

                case 3:  //如果num===3

                    console.log("转账进行中");

                    break;

                default:

                    console.log("退出系统");

                    break;

            }

        </script>

    </body>

</html>
//修改：

如果去掉parseInt

case 中要加 引号 ''

比如 case '1' :

    case '2' :

修改后的代码如下所示：

<html>

    <head>

        <meta charset="utf-8" />

        <title></title>

    </head>

    <body>

        <script type="text/javascript">

            var num=prompt("请选择服务种类");

            switch(num){

                case '1':  //如果num===1

                    console.log("余额查询中");

                    break;

                case '2':  //如果num===2

                    console.log("取款进行中");

                    break;

                case '3':  //如果num===3

                    console.log("转账进行中");

                    break;

                default:

                    console.log("退出系统");

                    break;

            }

        </script>

    </body>

</html>

Js分支结构 switch--case的更多相关文章

  1. java中的分支结构 switch case的使用

    switch(A),括号中A的取值只能是整型或者可以转换为整型的数值类型,比如byte.short.int.char.string(jdk1.7后加入)还有枚举:需要强调的是:long是不能用在swi ...

  2. PHP流程控制之分支结构switch语句的使用

    分支结构switch语句的使用 还记得我们最开始讲了这么一个故事: 王同学家里头特别有钱,所以他的行程方式和正常人的又有些不一样. 他的出行方式呢有6种,如下: 1,司机开车2,民航3,自己家的专机4 ...

  3. JS分支结构与循环结构

    1.分支结构 ①if语句 语法结构 if (/* 条件表达式 */) { // 执行语句 } ​ if (/* 条件表达式 */){ // 成立执行语句 } else { // 否则执行语句 } ​ ...

  4. 分支语句switch case

    Switch case必须与break一起使用 Break 是跳转语句.与switch case连用的时候是跳出最近的{}. static void Main(string[]args ) { //s ...

  5. 分支语句(switch case)

    /switch case 的应用 Console.WriteLine("1.汉堡包"); Console.WriteLine("2.薯条"); Console. ...

  6. 分支结构-Switch

    /* switch(表达式或变量){ case value1:{ 语句体1; break; } case value2:{ 语句体2; break; } ... default:{ 语句体n+1; b ...

  7. JS中的switch case

    function GetDepartmentName(type) { switch (type) { case DepartMentQian: alert($('#DepartMentQian').v ...

  8. [iOS]C语言技术视频-03-程序分支结构(switch)

    下载地址: 链接: http://pan.baidu.com/s/1iBpYA 密码: e2ym

  9. Day09：switch——case结构的使用详解

    switch--case结构的使用详解 什么是switch--case结构 他也是一种多选择结构 switch--case结构是类于if--else的语法,通过比较而输出对应的内容: 通俗的讲,好比我 ...

随机推荐

  1. java项目性能测试过程记录

    一 准备环境和指标 1.主机三台(linux,这里显示的都是伪主机地址):最好用干净的机子,做性能测试的时候别装其他东西在上面跑.  100.22.0.98  部署自己的项目服务 100.22.0.9 ...

  2. EMIF接口与FPGA的互联（转）

    reference: https://blog.csdn.net/ruby97/article/details/7539151 DSP6455的EMIFA模块 之前介绍了DSP6455的GPIO和中断 ...

  3. Centos7安装配置MySQL5.7

    一:安装前准备: 1.1检查linux版本:cat /etc/system-release CentOS Linux release 7.6.1810 (Core) 1.2查看系统是否安装MySQL: ...

  4. 第四周四则运算3 PSP表格

    PSP2.1 Personal Software Process Stages time Plan 计划   -Estimate 整数四则运算 分数四则运算 括号 括号四则运算 在主函数中调用 30m ...

  5. libusb 终于搞好了

  6. 在 子 iframe中 点击一个按钮, 变换 这个 iframe的地址url.

    //跳到测试结果: function jump() { console.log(self.parent.document.getElementById("iframe").src) ...

  7. 2010年腾讯前端面试题学习（jquery,html,css部分）

    看了牛人写的回忆文章,里面有2010年腾讯的前端面试题,里面涉及到不少基础性的问题,js部分已学习,这是jquery,html和css部分,学习一下:) 原文地址:https://segmentfau ...

  8. centos6.6安装hadoop-2.5.0（三、完全分布式安装）

    操作系统:centos6.6(三台服务器) 环境:selinux disabled:iptables off:java 1.8.0_131 安装包:hadoop-2.5.0.tar.gz hadoop ...

  9. 《uniGUI for cBuilder入门到精通》新书预定

    <uniGUI for cBuilder入门到精通>火热预定中,从零开始带你入瓮带你飞,手把手教你如何快速安装,开发和部署一个web系统,前十名用户售价暂定100元,后续价格每本200元, ...

  10. 2019-03-11-day008-函数帮助

    [ i for i in dir(set) if not i.startswith('_') ] 查看数据类型的方法