javascript switch语句(javascript好学吗)
各位老铁们好,相信很多人对javascript switch语句都不是特别的了解,因此呢,今天就来为大家分享下关于javascript switch语句以及javascript好学吗的问题知识,还望可以帮助大家,解决大家的一些困惑,下面一起来看看吧!
如何在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语句分类大全
1、赋值语句:var
2.return语句
3、条件分支语句 if...else,switch
4、循环语句 for,for...in,while,break,continue.
5、对象操作语句with,new,delete,this
6、注释语句
7、函数定义语句:function,return
1、变量声明赋值语句:var
var语句声明了一个变量的名称,同时也可以让这个变量具有一个初始值。
如果var语句在一个函数中声明变量,则这个变量的有效区域只限于这个函数,叫局部变量;如果var语句在函数体外,则有效区为整个应用程序,叫全局变量。
在函函数体外声明一个变量可以不用var,给出变量的值就可以了。(但推荐使用var)
var的语法如下:
例:
word" bgColor=#f3f3f3>
varComputer=9//Computer是一个整数变量,初值为9
Computer=9//Computer是一个整数变量,初值为9
2.return语句
return语句指明将由函数返回的值。
语法如下:
return表达式;
如果这里省略了表达式,或者函数结束时根本没有return语句,这个函数就返回一个undefined类型的值。
3、条件分支语句 if...else,switch
1.if...else
1)基本格式
if(表述式)
语句段1;
......
else
语句段2;
......
2)功能:若表达式为true,则执行语句段1;否则执行语句段2。
3)说明:
·if-else语句是JavaScript中最基本的控制语句,通过它可以改变语句的执行顺序。
·表达式中必须使用关系语句,来实现判断,它是作为一个布尔值来估算的。
·它将零和非零的数分别转化成false和true。
·若if后的语句有多行,则必须使用花括号将其括起来。
4)if语句的嵌套
if(布尔值)语句1;
else(布尔值)语句2;
else if(布尔值)语句3;
else语句4;
在这种情况下,每一级的布尔表述式都会被计算,若为真,则执行其相应的语句,否则执行else后的语句。
示例:
script
functionabcd()
{
vard=confirm("请选择确定或者取消");
if(d==1){
alert("你选择的是确定");
}
else{
alert("你选择的是取消");
}
}
/script
5).switch语句
分支语句switch可以根据一个变量的不同取值而采取不同的处理方法。
switch的语法如下:
switch(表达式){
case label 1:
执行语句;
case label 2:
执行语句;
default:
执行语句;
}
示例:
script
vard=newDate();
switch(d.getDate()){
case0:document.write("星期一");break;
case1:document.write("星期二");break;
case2:document.write("星期三");break;
case3:document.write("星期四");break;
case4:document.write("星期五");break;
case5:document.write("星期六");break;
case6:document.write("星期日");break;
}
/script
4、循环语句 for,for...in,while,break,continue.
1.for
1)基本格式
for(初始化;条件;增量)
语句集;
2)功能:实现条件循环,当条件成立时,执行语句集,否则跳出循环体。
3)说明:
·初始化参数告诉循环的开始位置,必须赋予变量的初值;
·条件:是用于判别循环停止时的条件。若条件满足,则执行循环体,否则跳出。
·增量:主要定义循环控制变量在每次循环时按什么方式变化。
·三个主要语句之间,必须使用逗号分隔。
2.for...in
这个语句与for语句有一点不同。它循环的范围是一个对象所有的属性或者是一个数组的所有元素。
语法如下:
for(变量in对象或数组){
执行语句......
}
4).while语句
1)基本格式
while(条件)
语句集;
该语句与For语句一样,当条件为真时,重复循环,否则退出循环。
2)For与while语句
两种语句都是循环语句,使用For语句在处理有关数字时更易看懂,也较紧凑;而while循环对复杂的语句效果更特别。
示例:
这是1级标题
这是2级标题
这是3级标题
script
i=1;
while(i=3){
document.write("h"+i+"这是"+i+"级标题"+"/h"+i+"");
i++;
}
/script
4、break和continue语句
与C++语言相同,使用break语句使得循环从For或while中跳出,continue使得跳过循环内剩余的语句而进入下一次循环。
5、对象操作语句with,new,delete,this
1).with
使用该语句的意思是:在该语句体内,任何对变量的引用被认为是这个对象的属性,以节省一些代码。
with object{
...}
所有在with语句后的花括号中的语句,都是在后面object对象的作用域的。
2).this关键字
this是对当前的引用,在JavaScript由于对象的引用是多层次,多方位的,往往一个对象的引用又需要对另一个对象的引用,而另一个对象有可能又要引用另一个对象,这样有可能造成混乱,最后自己已不知道现在引用的那一个对象,为此JavaScript提供了一个用于将对象指定当前对象的语句this。
3).New运算符
虽然在JavaScript中对象的功能已经是非常强大的了。但更强大的是设计人员可以按照需求来创建自己的对象,以满足某一特定的要求。使用New运算符可以创建一个新的对象。其创建对象使用如下格式:
Newobject=NEW Object(Parameters table);
其中Newobject创建的新对象:object是已经存在的对象; parameters table参数表;new是JavaScript中的命令语句。
如创建一个日期新对象
newData=New Data()
birthday=New Data(December 12.1998)
之后就可使NewData、birthday作为一个新的日期对象了。
4.delete
同new相反,可以删除一个对象的实例。
6、注释语句(只是给人看的,浏览器不执行的语句)
//这是一个单行的注释
/*这样的注释可以是多行的
......
*/
7、函数定义语句:function,return
1.function
function用来定义一个函数,让济浏览器知道有这样一个函数,但只有当函数被调用时才会执行。
定义方法如下:
function函数名(参数表)
{
函数执行部分
}
下面举下个简单的例了来看看吧:
html
head
title欢迎光临/title
scriptlanguage="javascript"
functiongo()//定义一个函名为go的函数
{
alert("欢迎光临")
}
/script
/head
body
inputtype="button"onclick="go()"value="请点击"
!--单击按钮调用上面定义的函数--
/body
/html
说明:
当调用函数时,所用变量或字面量均可作为变量传递。
函数由关键字Function定义。
函数名:定义自己函数的名字。
参数表,是传递给函数使用或操作的值,其值可以是常量,变量或其它表达式。
通过指定函数名(实参)来调用一个函数。
必须使用Return将值返回。
函数名对大小写是敏感的。
javascript中有没有退出for循环命令
JavaScript提供完全控制来处理循环和switch语句。可能有一种情况,当需要退出一个循环,但未达到其底部。也可能有一种情况,当要跳过的码块的一部分,并直接开始下一个迭代。
为了处理这些情况下,JavaScript提供了break和continue语句。这些语句是用来马上退出任何循环或启动循环的下一次迭代。
break语句:
break语句,这是简单地用switch语句介绍,用于提前退出循环,打破封闭的花括号。例子:
这个例子说明了如何使用break语句同while循环。请注意循环打破了初期由x到5,document.write(..)语句的正下方,以右大括号:
varx=1;
document.write("Enteringtheloop<br/>");
while(x<20)
{
if(x==5){
break;//breaksoutofloopcompletely
}
x=x+1;
document.write(x+"<br/>");
}
document.write("Exitingtheloop!<br/>");这将产生以下结果:
Entering the loop
Exiting the loop!
已经看到break语句在switch语句中使用。
continue语句:
continue语句告诉解释器立即启动循环的下一次迭代,并跳过其余的代码块。
当遇到continue语句,程序流程将立即转移到循环检查表达式,如果条件保持真,那么就开始下一个迭代,否则控制退出循环。例子:
这个例子说明使用continue语句同while循环。请注意continue语句用于跳过打印时指数变量x到达5:
varx=1;
document.write("Enteringtheloop<br/>");
while(x<10)
{
x=x+1;
if(x==5){
continue;//skillrestoftheloopbody
}
document.write(x+"<br/>");
}
document.write("Exitingtheloop!<br/>");这将产生以下结果:
Entering the loop
Exiting the loop!
使用标签来控制流程:
从JavaScript1.2开始,标签可以与break及continue使用,继续更精确地控制流程。
标签是简单的标识符随后被施加到一个语句或代码块冒号。看到两个不同的例子来了解标签使用突破,并继续。
注:换行符是不是继续还是分手声明,其标签名称之间允许的。此外,不应该有一个标签名称和相关联的回路之间的任何其它声明。
OK,本文到此结束,希望对大家有所帮助。