switch语句用法(Javascript switch 语句用法)
一、JS中的switch语句有什么作用
switch语句是一种流控制语句,在js中用于多种选择判断。当表达式值等于所设置值的时候则执行后面的语句。可用break关键字跳出switch语句
学过Java语言的对于switch语句并不陌生。在JavaScript语音中同样也有switch语句,而且switch在js中的用法和java中并没有什么区别。接下来将和大家分享switch语句在JS中的用法
【推荐课程:JavaScript教程】
switch语句
switch语句是一种常见的流控制语句。它语句中的每一种情形(case)的含义是:如果表达式等于这个值(value),则执行后面的语句(statement)。而break关键字会导致代码流跳出switch语句。如果省略break关键字,就会导致执行完当前case后,继续执行下一个case。最后的default关键字则用于在表达式不匹配前面任何一种情形的时候,执行代码。
switch语句用法
switch(变量){
case变量值1:
console.log("a");//若变量与变量值1相同则执行该处代码
break;
case变量值2:
console.log("b");//若变量与变量值2相同则执行该处代码
break;
case变量值3:
console.log("c");//若变量与变量值3相同则执行该处代码
break;
default:
console.log("d");//若变量与所有的变量值不同,则执行该处的代码
}例:
<script>
function myFunction()
{
var x;
var d=new Date().getDay();
switch(d)
{
case 0:
x="Today it's Sunday";
break;
case 1:
x="Today it's Monday";
break;
case 2:
x="Today it's Tuesday";
break;
case 3:
x="Today it's Wednesday";
break;
case 4:
x="Today it's Thursday";
break;
case 5:
x="Today it's Friday";
break;
case 6:
x="Today it's Saturday";
break;
}
document.getElementById("demo").innerHTML=x;
}
</script>效果图:
二、如何在JavaScript中使用switch语句
switch语句是条件分支语句,可以用来选择要执行的多个代码块之一,本篇文章就来给大家介绍关于JavaScript中switch语句的使用方法。
如果表达式比较麻烦,当满足以下两个条件时可以使用switch语句
表达式和值可以采用多个值
当你想根据每个值进行更改执行时
下面我们来看switch语句的语法
switch(表达式or变量){
case值1:
break;
case值2:
break;
default:
//如果表达式和变量没有对应的值,执行此步骤
break;
}首先在switch内写入表达式或变量。
之后,我们将编写多个值及其执行代码。(通过查看语法可以看出,在switch语句中,代码执行基本上是并行关系)
请注意break的描述。case?break是一个过程完的成。
最后的default是如果表达式的结果与任何值不对应,则执行。根据需要,你可以写或者不写。
我们来看switch语句的具体示例
我们来编写一个程序,将变量定义为member,并检查分配给member的人的姓名是否为family中的值。
有三个人,Tom,Jerry和Holly,当他们的名字被分配时,浏览器会显示“Tom is my family”等等。在写其他人的名字时,显示“XX is not my family”。
代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<script>
var member="Tom";
switch(member){
case"Tom":
document.write("Tom is my family");
break;
case"Jerry":
document.write("Jerry is my family");
break;
case"Holly":
document.write("Holly is my family");
break;
default:
document.write(member+"is not my family");
break;
}
</script>
</body>
</html>运行结果如下:浏览器显示“Tom is my family”。
当var member="Jerry";时,显示结果如下:
同理,如果var member="Holly";则会显示Holly is my family。
当你输入其他名字的时候,比如var member="marry";显示结果如下
三、javascript的switch用法
那个,前面的回答,我表示有意见。
首先,括号中的A,B,C,是用逗号隔开的三个表达式A、B、C,这个整体叫做逗号表达式。
何为逗号表达式?参见百科
直接点说,逗号表达式最后的值,是由表达式的最后一个表达式(这里是表达式C)决定的。但是,并不是像前面仁兄所说的不执行前面的,而是会一个一个执行(先A,然后B,最后C)。
如果把这个逗号表达式分开来写,应该是下面这样:
A;
B;
switch(C){
}
下面写一个很简单的例子来说明这个问题:
<script>
var a, b, c;
switch(a=2, b=3, c=a+b){
case 2:alert(2);break;
case 3:alert(3);break;
case 5:alert(5);break;
default:alert('none');
}
</script>
上面的结果,是5。我想这是最有力的证明了!