网站地图    收藏   

主页 > 前端 > javascript >

Javascript中switch case 语句学习笔记

来源:自学PHP网    时间:2014-09-19 14:47 作者: 阅读:

[导读] switch case在js中就是一个符合条件的数据,比起if else 来讲要单一许多了,下面我来给大家介绍我对js 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;

  }

}

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论