苏飞论坛

标题: 【零基础学习web前端】JavaScript switch 语句 [打印本页]

作者: Amy 时间: 2018-12-17 15:50
标题: 【零基础学习web前端】JavaScript switch 语句
【零基础学习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后面表达式的比较，然后如此反复。

作者: 站长苏飞 时间: 2018-12-17 16:14
我只是路过打酱油的。

作者: 竹林风 时间: 2018-12-17 17:01
看到这帖子真是高兴！

作者: 范范 时间: 2018-12-17 17:22
无回帖，不论坛，这才是人道。

作者: liu 时间: 2018-12-18 17:59
我只是路过打酱油的。

作者: 惜 时间: 2018-12-19 15:24
看到这帖子真是高兴！

欢迎光临苏飞论坛 (http://www.sufeinet.com/)