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. Linux系统命令行中vim编辑器取消高亮显示

    由于在使用vim编辑代码的时候不小心忘记首先输入i(insert)模式,导致写的代码出现了棕黄色的阴影显示 摸索了很久终于找到了解决方法: 1.退出vim编译器 2.在在命令行下输入:nohl,回车 ...

  2. 深入理解java虚拟机---Class文件(二十)

    无符号数.表 当实现了不同语言的编译器,比如jython,jruby等等,那么就可以利用这些语言编写代码,通过各自的编译器编译成符合jvm规范的字节码文件,就可以利用jvm来执行了. Class文件在 ...

  3. Centos7部署kubernetes集群CA证书创建和分发(二)

    1.解压软件包 [root@linux-node1 ~]# cd /usr/local/src/ [root@linux-node1 src]# ls k8s-v1.10.1-manual.zip [ ...

  4. 201621123001 《java程序设计》第2周学习总结

    1. 本周学习总结 学会String 类的一些用法,比如用subString()截取字符串,频繁对字符串进行修改应使用StringBuilder()等. 学会Array 类的一些用法,比如sort() ...

  5. 90%会搞错的JavaScript闭包问题

    由工作中演变而来的面试题 这是一个我工作当中的遇到的一个问题,似乎很有趣,就当做了一道题去面试,发现几乎没人能全部答对并说出原因,遂拿出来聊一聊吧. 先看题目代码: function fun(n,o) ...

  6. Spring学习四

    1先导入 Asject的jar包 2配置文件加入标签 ,并加入 <aop:aspectj-autoproxy proxy-target-class="true">(如果 ...

  7. MySQL ANALYZE TABLE

    Analyze Table MySQL 的Optimizer(优化元件)在优化SQL语句时,首先需要收集一些相关信息,其中就包括表的cardinality(可以翻译为“散列程度”),它表示某个索引对应 ...

  8. array_multisort

    项目中用到这个函数了 ,起初对这个函数一直是懵逼状态,文档都看的朦朦胧胧的 网上无意间看到这篇文章 ,写的超级详细,收藏了 . 当然要先放原地址:https://www.cnblogs.com/WuN ...

  9. CentOS 7部署Java+Mysql步骤

    1.工具 putty0.7:用于远程控制服务器 winSCP5.13: ftp工具,用于向远程服务器传送文件 2.安装jdk: yum -y install java-1.8.0-openjdk ja ...

  10. windows下利用nodejs压缩.min文件

    利用nodejs中的npm工具,压缩文件,必须在node环境下 压缩js文件 1.在全局中安装uglify-js模块 npm install uglify-js -g 2.可以直接使用uglifyjs ...