Javascript中switch case 语句学习笔记

在if条件语句中，逻辑条件只能有一个，如果有多个条件，可以使用嵌套的if语句来解决，但这种方法会增加程序的复杂度，降低程序的可读性。

使用switch流程控制语句可以完美地解决这些问题，其基本结构如下：

switch语句语法

 代码如下 复制代码

switch(条件表达式)
{
        case 常量:
        {
                语句a;
        }
        case 常量:
        {
                语句b;
        }
        case 常量:
        {
                语句c;
        }
        ...
        case 常量:
        {
                语句f;
        }
        default:
        {
                语句n;
        }
}

switch语句语法说明

顺序执行case后面的每个语句，最后执行default下面的语句n
每个case后面的语句可以是多条，但要使用{}包括
每个case后面的值必须互不相同。

其中a是数值型或字符型数据，将a的值与a1、a2、……比较，若a与其中某个值相等时，执行相应数据后面的语句，且当遇到关键字break时，程序跳出switch结构；若找不到与a相等的值，则执行关键字default下面的语句。

switch case 语句：

 代码如下 复制代码

var year=8;
var army="",msg="";
    switch(parseInt(year)){
        case 0:
            army="平民";
            break;
        case 1:
            army="列兵";
            break;
        case 2:
            army="上等兵";
            break;
        case 3:
        case 4:
        case 5:
            army="一级士官";
            break;
        case 6:
        case 7:
        case 8:
            army="二级士官";
            break;
        default:
            if (year>8)
                army="中高级士官";
    }

msg+="军龄 : "+year+"年n";
msg+="结论 : "+army;
alert(msg);

示例

 代码如下 复制代码
var a =3;
switch(a)
{
        case 0:
        {
                document.write("www");
        }
        case 1:
        {
                document.write("dreamdu");
        }
        case 2:
        {
                document.write("com");
        }
        case 3:
        {
                document.write("www.111cn.net");
        }
        default:
        {
                document.write("http://www.111cn.net");
        }
}

结果

www.111cn.net
http://www.111cn.net
完整的switch语句语法
上面的结果通常不是我们想要的，如果执行完某个case后面的语句，应该跳出switch语句，这才是真正的switch多分支选择语句。可以在每个分支后面加上break(跳出)，后面章节将介绍break。

 代码如下 复制代码
switch(条件表达式)
{
        case 常量:
        {
                语句a;
        }
        break;
        case 常量:
        {
                语句b;
        }
        break;
        case 常量:
        {
                语句c;
        }
        break;
        ...
        case 常量:
        {
                语句f;
        }
        break;
        default:
        {
                语句n;
        }
}

当"表达式"的值与某个case后面的常量相等时，就执行常量后面所执行的语句，之后跳出switch分支选择语句，当所有的case后面的常量都不符合"表达式"时，执行default后面的语句n。

示例

 代码如下 复制代码
var a =3;
switch(a)
{
        case 0:
        {
                document.write("www");
        }
        break;
        case 1:
        {
                document.write("dreamdu");
        }
        break;
        case 2:
        {
                document.write("com");
        }
        break;
        case 3:
        {
                document.write("www.111cn.net");
        }
        break;
        default:
        {
                document.write("http://www.111cn.net");
        }
}

看这个函数：

 代码如下 复制代码

function selectArtileType(typeNum)//typeNum是传进来的一个参数
{
 
 switch(typeNum)
 {
  case "0"://当typeNum=="0"时
   document.getElementById("c_1").style.display="none";
   document.getElementById("c_2").style.display="";
   break;
  case "1"://当typeNum=="1"时
   document.getElementById("c_1").style.display="";
   document.getElementById("c_2").style.display="none";
   break;
  case "2"://当typeNum=="2"时
   document.getElementById("c_1").style.display="";
   document.getElementById("c_2").style.display="";
   break;
  default "3"://其他任何值时
   document.getElementById("c_1").style.display="none";
   document.getElementById("c_2").style.display="none";
   break;

  }

}
时间： 2024-11-03 14:45:24

Javascript中switch case 语句学习笔记的相关文章

举例讲解Swift编程中switch...case语句的用法_Swift

Switch作为选择结构中必不可少的语句也被加入到了Swift中,只要有过编程经验的人对Switch语句都不会感到陌生,但苹果对Switch进行了大大的增强,使其拥有其他语言中没有的特性.使用Switch语句很简单: var i = 0 switch i { case 0: "0" //被输出 case 1: "1" default: "2" } 在这个最简单的Switch语句中,与其他语言很不同的一点是:不用显式的加上break.Swift的S

shell脚本编程之case语句学习笔记_linux shell

case语句是用来实现多个if..else的功能的,但是用法上有些不同,学过其他语言的人都知道,case中要对变量进行匹配,如果有一个匹配成功的话就执行相应的语句.shell编程中的case语句也是这个意思,case会对字符串进行匹配,是从第一个模式开始的,如果有一个模式已经匹配成功的话,其他的模式就不会再进行匹配了,下面看下代码中的用法吧. #!/bin/sh echo "please yes or no" read input #case语句的基本用法,记住每一个匹配后边都有双分号

java中switch case语句的使用方法

switch语法  代码如下 复制代码 switch(表达式) { case 常量表达式1:语句1; .... case 常量表达式2:语句2; default:语句; } default就是如果没有符合的case就执行它,default并不是必须的. case后的语句可以不用大括号. switch语句的判断条件可以接受int,byte,char,short,不能接受其他类型. 一旦case匹配,就会顺序执行后面的程序代码,而不管后面的case是否匹配,直到遇见break,利用这一特性可以让好几

JavaScript中函数的参数学习笔记

 我们之前写的函数并没有给它传参,其实所谓的传参就是将参数传给函数,然后函数在内部做一些处理,那么如何给参数传参呢,其实函数后面的括号里面就是放参数的,下面举个例子:  代码如下 复制代码 function sum(a, b) {  alert(a+b); } sum(12, 5); 上面的函数中,给sum设置了2个参数a和b,当调用sum时,传递了2个参数给函数,这时a就变为了12,b就变为了5,函数体内的也要变.a和b就起到一个占位符的作用,就好像你和同学去食堂打饭,突然想到早上吃饭看见饭卡

JavaScript中自定义事件的学习笔记

在web前端开发中,很多人可能不会用到js的自定义事件,但如果是做一个相对来说比较大的项目,尤其是多人协同开发的时候,自定义事件就显得很重要了.那么,什么是js中的自定义事件呢?我们先来看一个例子: 前端开发员A封装了一个函数:  代码如下 复制代码 function move(){     alert(a);  //以此来代表N行代码 } 过段时间,前端开发员B要在A的基础上丰富这个函数,于是,他会这样写:  代码如下 复制代码 function move(){     alert(a); 

Javascript中回调函数的学习笔记

回调函数原理: 我现在出发,到了通知你" 这是一个异步的流程,"我出发"这个过程中(函数执行),"你"可以去做任何事,"到了"(函数执行完毕)"通知你"(回调)进行之后的流程 例子  代码如下 复制代码 1.基本方法 <script language="javascript" type="text/javascript">   function doSomethin

JavaScript中封装class函数学习笔记

封装: 把相同功能的代码丢到一个函数中,重复调用.封装css函数 : 1,可以获取元素的样式 2,可以修改元素的样式.封装的过程是循环渐进的,一步一步的来.本节第一.二.三.五.六步公用CSS: #div1 { width: 100px; height: 150px; background: red;} 本节第一.二.三.五.六步公用HTML: <div id="div1" ></div> 封装第一步:JS:function a(idName){        

javaScript中Blob对象的学习笔记

Blob表示二进制原始数据,一个Blob对象就是一个包含有只读原始数据的类文件对象. 继承Blob功能的API有: File对象:负责处理那些以文件形式存在的二进制数据,也就是操作本地文件: FileList对象:File对象的网页表单接口: FileReader对象:负责将二进制数据读入内存内容: URL对象:用于对二进制数据生成URL. 一. 创建Blob对象的方法 创建Blob对象的方法有三种,如下: 1)可以调用Blob构造函数. 2)还可以使用一个已有Blob对象上的slice()方法

重温JavaScript中的正则表达式 js学习笔记

一.创建正则表达式 创建正则表达式和创建字符串类似 , 创建正则表达式提供了两种方法 , 一种是采用 new运算符,另一个是采用字面量方式. 复制代码 代码如下: var dog = new RegExp('dog'); // 第一个参数字符串 var dog = new RegExp('dog', 'ig'); // 第二个参数可选模式修饰符 var dog = /dog/; var dog = /dog/ig; //字面量方式. RegExp 对象包含两个方法 : test() 和 exec