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. javascript 跑马灯

    1.看了写跑马灯的教程案例,隔了段时间自己写了一个简单的跑马灯.将过程中遇到的问题特此记录下来 代码如下: <!DOCTYPE html> <html> <head> ...

  2. mybatis if标签判断字符串相等

    mybatis 映射文件中,if标签判断字符串相等,两种方式: 因为mybatis映射文件,是使用的ognl表达式,所以在判断字符串sex变量是否是字符串Y的时候, <if test=" ...

  3. DBProxy 项目全解

    转载自:https://github.com/Meituan-Dianping/DBProxy/blob/master/doc/USER_GUIDE.md#2 1 总体信息        1.1 关于 ...

  4. Python Django 之 静态文件存放设置

    一.静态文件存放路径设置STATICFILES_DIRS 1.在django项目目录下面新建静态文件保存目录 2.在setting中添加相应寻找静态文件目录的配置 STATICFILES_DIRS=( ...

  5. RabbitMQ Dead Lettering(死信)

    死信,顾名思义,就是死掉的消息,死掉的消息是会被一般的队列丢弃的.如果这些消息很重要,而我们又需要,怎么办?凡事都有一个退路,现在就有一种方法可将这些死信消息存下来,那就是DLX(Dead Lette ...

  6. Observer，观察者模式，C++描述

    body, table{font-family: 微软雅黑; font-size: 13.5pt} table{border-collapse: collapse; border: solid gra ...

  7. 玩转X-CTR100 l STM32F4 l 定时器时间测量

    我造轮子,你造车,创客一起造起来!塔克创新资讯[塔克社区 www.xtark.cn ][塔克博客 www.cnblogs.com/xtark/ ] 本文介绍X-CTR100控制器 使用处理器内部硬件定 ...

  8. CSS学习笔记-04 a标签-导航练习

    个人练习,各位大神勿笑  .. <!DOCTYPE html> <html lang="en"> <head> <meta charset ...

  9. SharePoint Framework 在Visual Studio Code中调试你的本地解决方案

    博客地址:http://blog.csdn.net/FoxDave Visual Studio Code不知道大家都有没有,界面清爽,编辑快速,是一个非常好的前端开发工具.本文介绍如何使用Goog ...

  10. redis 五大数据类型之list篇

    1.lpush/lpop/rpop/rpush/lrange  这里的list就是链表,lpush就是从左往右插入数据,rpush就是从右往左插数据,lrange就是从左往右范围性的取值,pop就是弹 ...