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. python-递归，二分查找

    # print(list("胡辣汤")) # lst = ["河南话", "四川话", "东北", "山东&q ...

  2. nginx:在linux上进行nginx的安装

    -----1.安装 换源 mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backup 下载: wget ...

  3. day31 锁 队列 前面课程重点总结

    今日内容: 1.进程的其他方法 2.僵尸进程和孤儿进程(了解) 3.验证进程之间是空间隔离的 4.守护进程 5.进程锁 重点(又叫同步锁,互斥锁) 6.进程队列(重点)  Queue 7.生产者消费者 ...

  4. RabbitMQ arguments参数设置

    有发布端.消费端.消息路由.消息生命周期和身份认证标识等模块参数的设置. 具体请参考地址:http://www.rabbitmq.com/extensions.html

  5. 进程中的Manager(),实现多进程的数据共享与传递

    __author__ = "Alex Li" from multiprocessing import Process, Managerimport osdef f(d, l): d ...

  6. ５.4 C++重载输入与输出操作符

    参考:http://www.weixueyuan.net/view/6382.html 总结: 在C++中,系统已经对左移操作符“<<”和右移操作符“>>”分别进行了重载,使其 ...

  7. 第三节 java 函数

    1.函数的定义 1.方法就是一段可重复调用的代码段 2.方法的格式1: 访问修饰符 返回值类型 方法名(参数类型 参数1,参数类型 参数2){ //权限访问修饰符 : public protected ...

  8. RocketMq源码学习（一） nameService

    public class NamesrvStartup { public static Properties properties = null; public static CommandLine ...

  9. day 51

    一 window对象 window 对象表示一个浏览器窗口. 在客户端 JavaScript 中,Window 对象是全局对象,所有的表达式都在当前的环境中计算.也就是说,要引用当前窗口根本不需要特殊 ...

  10. 『转』VC++ webbrowser函数使用范例

    /*============================说明部分================================= 实现一下函数需包含头文件 #include <Winine ...