【零基础学习web前端】JavaScript switch 语句

Amy

【零基础学习web前端】JavaScript  switch 语句

【零基础学习web前端】教程目录导航

http://www.sufeinet.com/thread-24027-1-1.html

switch 语句用于基于不同的条件来执行不同的动作。
如果希望选择执行若干代码块中的一个，你可以使用switch语句。
语法为：

[JavaScript] 纯文本查看 复制代码

switch(n)
{
    case 1:
        执行代码块 1
        break;
    case 2:
        执行代码块 2
        break;
    default:
        与 case 1 和 case 2 不同时执行的代码
}

原理：switch后面的(n)可以是表达式，也可以(并通常)是变量。然后表达式中的值会与case中的数字作比较，如果与某个case相匹配，那么其后的代码就会被执行。break的作用是防止代码自动执行到下一行。例：

[JavaScript] 纯文本查看 复制代码

function myfunction(){
            var x;
            var d=new Date().getDate();
            switch(d){
                case 6:x="今天周六";
                break;
                case 5:x="今天周五";
                break;
                case 4:x="今天周四";
                break;
                case 3:x="今天周三";
                break;
                case 2:x="今天周二";
                break;
                case 1:x="今天周一";
                break;
                case 0:x="今天周日";
                break;
            }
        }

default 关键词来规定匹配不存在时做的事情

[JavaScript] 纯文本查看 复制代码

function myfunction(){
            var x;
            var d=new Date().getDate();
            switch(d){
                case 6:x="今天周六";
                break;
                case 0:x="今天周日";
                break;
                default:x="今天是工作日"
            }
        }

例子中当今天即不是周六也不是周日时，执行后会输出“今天是工作日”。
总结

• switch后面小括号中是一个表达式，可以计算出一个值。
• 大括号中，每一个case后面也有一个表达式，同样可以计算出一个值。
• switch后面表达式的值会与case后面表达式的值比较，如果相同，那么执行对应case后面的代码。
• case后面代码执行完毕之后，如果后面有break，则直接跳出整个switch语句。
• 如果没有break，则继续进行switch和case后面表达式的比较，然后如此反复。
  

站长苏飞

我只是路过打酱油的。

竹林风

看到这帖子真是高兴！

范范

无回帖，不论坛，这才是人道。

liu

我只是路过打酱油的。

惜

看到这帖子真是高兴！