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. oo作业总结(一)

    概述 经历了三次oo作业的洗礼,让我对java语言的强大以及面向对象编程有了初步的理解(当然,我是小白).本文接下来就将对自己这三次作业的代码进行分析以及分享自己的心路历程. 基础知识点考核 针对前三 ...

  2. Centos常用快捷键

    终端快捷键  tab=补全 ctrl+a=开始位置 ctrl+e=最后位置 ctrl+k=删除此处至末尾所有内容 ctrl+u=删除此处至开始所有内容 ctrl+d=删除当前字母 ctrl+w=删除此 ...

  3. error MSB8008: 指定的平台工具集(V120)未安装或无效。

    打开项目属性->配置属性->右面,平台工作集,选为v10 如下图

  4. 深入理解java虚拟机---java虚拟机的发展史(四)

    1.java虚拟机 A:java虚拟机有很多个版本,但是我们经常使用的是sun公司的HotSpot,可以通过以下命令获取java虚拟机版本 B:JAVA虚拟机分类: 1.Sun Class VM 2. ...

  5. org.quartz-scheduler 动态添加自动任务

    1.添加pom.xml <dependency> <groupId>org.quartz-scheduler</groupId> <artifactId> ...

  6. JavaScript作用域及作用域链详解、声明提升

    相信大家在入门JavaScript这门语言时对作用域.作用域链.变量声明提升这些概念肯定会稀里糊涂,下面就来说说这几个 Javascript 作用域 在 Javascript 中,只有局部作用域和全局 ...

  7. 未完全弄懂的题的题51nod1532

    转载自:https://blog.csdn.net/luricheng/article/details/527520941352 集合计数 基准时间限制:1 秒 空间限制:131072 KB 分值: ...

  8. Oracle function和procedure

    1.返回值的区别 函数有1个返回值,而存储过程是通过参数返回的,可以有多个或者没有 2. 调用的区别,函数可以在查询语句中直接调用,而存储过程必须单独调用. 函数:一般情况下是用来计算并返回一个计算结 ...

  9. L290 英语中级班-3月上

    1元音饱满度 a [ei] name gamee [i:] he she mei [ai] fine likeo [ou] go homeu [ u:] use blue 2口音适应 刚开始说时,慢点 ...

  10. ueditor 设置高度height. ue.setHeight(400); 设置宽度 width

    1.引入的文件: <script type="text/javascript" src="../../dist/ueditor1_4_3-utf8-php/uedi ...