十年专注于品牌网站建设 十余年专注于网站建设_小程序开发_APP开发,低调、敢创新、有情怀!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

南昌百恒网络

结合经典实例详细介绍ECMAScript switch语句规则及应用

百恒网络 2012-02-28 4631

switch语句

switch语句与if语句的关系最为密切,而且也是在其他语言中普遍使用的一种流控制语句。ECMAScript中switch语句的语法与其他基于C的语言非常接近,如下所示:

switch (expression) {

case value: statement

break;

case value: statement

break:

case value: statement

break;

case value: statement

break;

default: statement

}

switch语句中的每一种情形(case)的含义是:"如果表达式等于这个值(value),则执行后面的语句( statement)"。而break关键字会导致代码执行流跳出switch语句,如果省略break关键字,就会导致执行完当前case后,继续执行下一个case。最后的default关键字则用于在表达式不匹配 前面任何一种情形的时候,执行机动代码(因此,也相当于一个else语句)。

从根本上讲,switch语句就是为了让开发人员免于编写像下面这样的代码:

var i=25;

if (i==25){

alert( "25");

} else if (i==35) {

alert( "35");

} else if (i==45) {

alert("45");

}else(

alert( "Other");

}

而与此等价的switch语句如下所示:

var i=25;

switch (i) {

case 25:

alert("25");

break;

case 35:

alert("35");

break;

case 45:

alert("45");

break:

default:

alert( "Other");

}

通过为每个case后面都添加一个break语句,就可以避免同时执行多个case代码的情况。假如确实需要混合几种情形,不要忘了在代码中添加注释,说明你是有意省略了break关键字,如下所示:

var i=25;

switch (i) {

case 25:

case 35:

alert("25 0r 35");

break;

case 45:

alert("45");

break:

default:

alert("Other");

}

虽然ECMAScript中的switch语句借鉴自其他语言,

但南昌网页设计公司前端开发工程师认为,这个语句也有自己的特色。首先,可以在switch语句中使用任何数据类型(在很多其他语言中只能使用数值),无论是字符串,还是对象都没有问题。其次,每个case的值不一定是常量,可以是变量,甚至是表达式。请看下面这个例子:

switch( "hello world") {

case "hello"+"world":

alert( "Greeting was found.");

break;

case "goodbye":

alert( "Closing was found.");

break:

default:

alert("Unexpected message was found.");

}

在这个例子中,switch语句使用的就是字符串。其中,第一种情形实际上是一个对字符串拼接操作求值的表达式。由于这个字符串拼接表达式的结果与switch的参数相等,因此结果就会显示"Greeting was found."。而且,使用表达式作为case值还可以实现下列操作:

var num=25;

switch(true) {

case num<0:

alert( "Less than 0.");

break:

case num>=0&&num<=10:

alert("Between O and 10.");

break;

case num>10&&num<=20:

alert(¨Between 10 and 20.");

break;

default:

alert( "More than 20.");

}

这个例子首先在switch语句外面声明了变量num。而之所以给switch语句传递表达式true,是因为每个case值都可以返回一个布尔值。这样,每个case按照顺序被求值,直到找到匹配的值或者遇到default语句为止(这正是这个例子的最终结果)。

南昌建网站公司前端开发工程师提醒,switch语句在比较值时仅用的是全等操作符,因此不会发生类型转换(例如,字符串"10"不等于数值10)。


400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络小程序

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
售后服务 售后服务
 
备案专线 备案专线
 
×