[JavaScript] switch-case 的用法

最新推荐文章于 2025-07-10 04:57:46 发布

lhb739921140

最新推荐文章于 2025-07-10 04:57:46 发布

阅读量251

点赞数

分类专栏： JS 文章标签： JavaScript F# ViewUI

JS 专栏收录该内容

33 篇文章

订阅专栏

本文详细介绍了 JavaScript 中 switch 语句的各种使用方法，包括基本用法、没有 break 的情况、多个 case 的合并处理以及使用布尔表达式进行条件判断等高级技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

几个例子：

function case1(num){
switch(num){
 case 1:
 document.writeln("show 1!!");
 break;
 case 2:
 document.writeln("show 2!!");
 break;
 case 3:
 document.writeln("show 3!!");
 break;
 default:
 document.writeln("show others!!");
 break;
}
}

function case2(num){
switch(num){
 case 1:
 document.writeln("show 1!!");
 //沒有break，所以會繼續執行case 2
 case 2:
 document.writeln("show 2!!");
 break;
 case 3:
 document.writeln("show 3!!");
 //沒有break，所以會繼續執行case 4
 case 4:
 document.writeln("show 4!!");
 break;
 default:
 document.writeln("show others!!");
 break;
}
}

function case3(num){
switch(num){
 case 1:
 case 2:
 //相當於if(num==1 || num==2)
 document.writeln("show 1 or 2!!");
 break;
 case 3:
 case 4:
 //相當於if(num==3 || num==4)
 document.writeln("show 3 or 4!!");
 break;
 default:
 //相當於else
 document.writeln("show others!!");
 break;
}
}

function case4(num){
switch(f(num)){
 case 1:
 case 2:
 //相當於if(num==1 || num==2)
 document.writeln("show 1 or 2!!");
 break;
 case 3:
 case 4:
 //相當於if(num==3 || num==4)
 document.writeln("show 3 or 4!!");
 break;
 default:
 //相當於else
 document.writeln("show others!!");
 break;
}
}

function f(num){
return num;
}

function case5(num){
switch(num<=2){
 case true:
 document.writeln("num <= 2");
 break;
 case false:
 document.writeln("num > 2");
 break;
}
}

JavaScript switch case 语句设置范围

var x=1
switch(true){
case x>0&&x<10:
alert(1);break;
case x>=10&&x<20:
alert(2);break;
}