JavaScript switch语句 - Ivo's Inkwell

726 字

4 分钟

JavaScript switch语句

2026-04-08

Web前端笔记

无标签

概述#

之前本来想和其他的语句一起一笔带过，但是现在上过之后发现还是有很多值得去记录一下的。这个语句的语法和C语言几乎是一样的，但是在这里对于JavaScript中有一个点我觉得十分有意思，还会是十分有必要去讲一讲的。

switch语句#

框架大体是相同的：

1
switch (变量) {
2
    case 值1:
3
        // 代码
4
        break;
5
    case 值2:
6
        // 代码
7
        break;
8
    case 值3:
9
        // 代码
10
        break;
11
    default:
12
        // 默认处理
13
        break;
14
}

但是里面有一个点在使用的时候不知道是没有学到，还是C语言的处理比JavaScript好，导致我几乎忘记default条件的存在。

问题及解决：

根据输入数字，判断等级：

1
var inputNumber = prompt("请输入一个数字");
2
inputNumber = Number(inputNumber);
3
switch(inputNumber){
4
    case 1:
5
        document.write("一级");
6
        break;
7
    case 2:
8
        deocument.write("二级");
9
        break;
10
}

现在如果说是什么都不输入或者输入的类型不对会无法判断，这个时候如果条件都不满足，肯定是这样：

1
var inputNubmer = prompt("请输入一个数字");
2
inputNumber = Number(inputNumber);
3
switch(inputNumber){
4
    case 1:
5
        document.write("一级");
6
        break;
7
    case 2:
8
        document.write("二级");
9
        break;
10
}
11
document.write("请输入的是一个数值");

到那时这么写，任选结果又不能用了，所以，只有使用default关键字：

1
var inputNumber = prompt("请输入一个数字");
2
inputNumber = Number(inputNumber);
3
switch(inputNumber){
4
    case 1:
5
        document.write("一级");
6
        break;
7
    case 2:
8
        document.write("二级");
9
        break;
10
    default:
11
        document.write("请输入的是一个数值");
12
        break;
13
}

判断与数据类型#

接触到JavaScript之后，在了解变量类型之后我才发现都说简单的JavaScript和Python的数据类型都是动态类型，所以我之前一直觉得不严谨的语言在数据类型定义上面还是会更复杂一点。

还是以这个为例子：

1
var inputNumber = prompt("请输入一个数字");
2
inputNumber = Number(inputNumber);
3
switch(inputNumber){
4
    case 1:
5
        document.write("一级");
6
        break;
7
    case 2:
8
        document.write("二级");
9
        break;
10
    default:
11
        document.write("请输入的是一个数值");
12
        break;
13
}

在这个里面我写的是inputNumber = Number(inputNumber);去强制与转换数据类型，而不是在case的条件中加上''来转换数值类型为字符类型。

多分支语句#

在多分支语句当中，在if……else语句里面是有判断的，将刚刚的switch语句先转换成if……else语句：

1
var inputNumber = prompt("请输入一个数字");
2
inputNumber = Number(inputNumber);
3

4
if(inputNumber === 1){
5
    document.write("一级");
6
} else if(inputNumber === 2){
7
    document.write("二级");
8
} else {
9
    document.write("请输入的是一个数值");
10
}