关于js中switch的区间用法

已于 2023-12-11 11:25:54 修改
阅读量504 收藏
点赞数 1
文章标签： javascript 开发语言 ecmascript
于 2023-11-04 11:23:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53504124/article/details/134215585
版权

今天前端要改需求,大致要求功能如下:

给定一个数字num,在数字小于20的时候执行某一代码块,在数字大于等于20的时候针对每一个数字执行一种代码块,各个代码块功能各不相同,无法抽象出来一个方法;

鉴于c++的学习过程中了解过switch的区间用法,我决定尝试一下js中是否有类似的用法:

1.

​
switch(num){
case 0,1,2,3,4,5,6,7,8,9,10:my_function_1();break;
case 11:my_function_2();break;
case 12:my_function_3();break;
case 13:my_function_4();break;
case 14:my_function_5();break;
default:console.log("error");
}

​

这个程序没有预期一般执行,可能是在某些环境中不支持;

 我试验了几次,大概发现规律是:case 后面出现多个元素会以最后一个元素为准;

举例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p>点击下面的按钮来显示num的数值：</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
	var x;
	var d=new Date().getDay();
	var num=10;
switch(num){
	case "0","1","2","3","4":x=num;break;
	case 5,6,7,9,10:x=''+num;break;
	case 8:x="8";break;
case 11:x=''+num;break;
case 12:x=''+num;break;
case 13:x=''+num;break;
case 14:x=''+num;;break;
default:x='error';
}
	document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

以上代码中,更改num的值,发现'0'输出error而'4'输出4;

5输出error而10输出10;

故猜测 case 后面出现多个元素会以最后一个元素为准;

真要是想实现多case执行一种代码也可以按照如下方式写:

​
switch(num){
case 0:
case 1:
case 2:
case 3:my_function_1();break;
case 11:my_function_2();break;
case 12:my_function_3();break;
case 13:my_function_4();break;
case 14:my_function_5();break;
default:my_function_6;
}

​

这样num在0-3之间执行的都是一样的代码; 

2.

	var d=new Date().getDay();
	switch (true){
  		case d>0&&d<8:x="今天是星期"+d;
    	break;
		default:x="error";
 	}

没什么好说的,注意switch里面是true就行;

只有早起的愿望
关注
JavaScript中的switch语句
天空之外
07-08 343
JavaScript语言中的条件语句，除了if 语句，还有switch 语句。switch 常用于根据不同的条件执行不同的操作。虽然它和 if 语句都是用来判断条件的语句，但是它们之间还是有不同。 switch的语法 语法如下所示： switch(expression) { case 变量x: // 语句1代码块 case 变量y: // 语句2代码块 case 变量z: // 语句3代码块 break; default: // 代码块 } 语法解释：表达式值计算一次，然后我们依次将表达
2021-11-07 一个查询成绩的例子回顾switch关键字的用法和要点
GAARA
11-07 216
代码 var score = parseInt(prompt("请输入你的成绩:")); switch (score) { case 90: console.log("你的成绩是", score, ",为优秀"); break; case 60: console.log("你的成绩是", score, ",为及格"); break; default: console.log("你的成绩是", score,
Javascript 利用 switch 语句进行范围判断
牛奔的博客
12-16 942
const x = 6; switch (true) { case (x < 5): alert("less than five"); break; case (x < 9): alert("between 5 and 8"); break; case (x < 12): ...
javascript的switchcase范围判定
山川异域，代码同享;授人以渔，修己之漏
03-02 734
javascript的switchcase范围判定
js switch case 范围表示
qq_37167086的博客
08-24 4249
function test(item) { switch (true) { case item>= 0 && item<= 24: return 1 case item>= 25 && item<= 49: return 2 case item>= 50 && item<= 74: return ...
js switch 判断时间差是否在范围内
最新发布
在职可交流前端开发，包括：web端、uniapp等，欢迎指教。
05-18 213
lodash inRange(任意值,开始值，结束值不包括)。返回Boolean值
php swich 判断范围,js switch语句祥解[范围判断] | 学步园
weixin_39799646的博客
03-13 524
switch 语句switch 语句是 if 语句的兄弟语句。开发者可以用 switch 语句为表达式提供一系列的情况(case)。switch 语句的语法：switch (expression)case value: statement;break;case value: statement;break;case value: statement;break;case value: statem...
个人所得税计算，练习JavaScript if用法
03-26
在JavaScript编程语言中，`if`语句是用于条件判断的基本结构，它允许我们根据不同的条件执行不同的代码块。在本项目"个人所得税计算"中，`if`语句被用来根据用户输入的收入水平来计算应缴纳的个人所得税。个人所得税...
js生成随机数的方法实例
11-25
JavaScript中的随机数生成是通过内置的`Math`对象的`random()`方法实现的。这个方法会返回一个0（包含）到1（不包含）之间的浮点数，即[0, 1)区间内的数。利用这个特性，我们可以生成不同范围内的随机数。 1. **...
js代码-数字转中文（10万以内）
07-14
9. **文档说明**：`README.txt`文件通常包含项目简介、使用方法、注意事项等内容，对于理解和使用这个代码片段非常有帮助。 10. **实际应用**：这样的功能可能用在金融、教育、文化等领域，如显示中文计数、教学、...
JS阶段总结
qq_59359040的博客
08-11 522
JS最初是由网景公司创建的，参考了JAVA语言，主要是用来做前端校验的，后来被ECMA组织更名为ECMAScript（ES）。
js switch语句祥解[范围判断]
weixin_30826761的博客
06-15 825
switch 语句 switch 语句是 if 语句的兄弟语句。 开发者可以用 switch 语句为表达式提供一系列的情况（case）。 switch 语句的语法： switch (expression) case value: statement; break; case value: statement; break; case value: s...
Web前端之JavaScript的switch穿透、也就是case使用或逻辑、判断值范围、灵活运用、妙用、default、switch、break、case
我的"CSDN"博客主页地址：https://mengjian.blog.csdn.net/
01-11 1838
Web前端之JavaScript的switch穿透、也就是case使用或逻辑、判断值范围、灵活运用、妙用、default、switch、break、case
js中switch语句
qq_44552416的博客
04-17 736
js中switch语句 var fruit = prompt('请输入水果') switch(fruit) { case '苹果'： alert('您喜欢吃苹果') break; case '香蕉': alert('您喜欢吃香蕉') break; default: alert('重口味了') } ...
javascript switch case 范围
dege2192的博客
04-01 345
不知是否出于什么缘故，我google搜索 javascript switch case 范围 这几个关键字，出来的前几条都是csdn上关于无解的表示。 可能是其他编译型语言中，case后便必须是常量的缘故吧。 后来在一个边角的地方看到某人发帖是VB还是不知道哪个语言中的中实现了switch case语句的范围选择，大家看了下面代码就明白了。 var x=1 switch(t...
JavaScript 算法题：区间
一个字，学
05-04 597
给定一个浮点数，请你判断该数字属于以下哪个区间：[0,25],(25,50],(50,75],(75,100]。如果给定的数值小于 0 或大于 100，则程序输出，表示超出范围。
js switch 以及while循环
nknnl7的博客
01-04 637
Switch case使用场景：适合等值判断 break跳出结构Var age=；While循环循环三要素循环条件循环体循环控制Do while 适合场景：先循环一次，再来判断是否满足循环条件For循环Continue跳出当前循环开始下面循环Math对象Math.random随机数Math.abs却绝对值 Math.round取整，四舍五入 Math.max最大值 Math.min最小值Date对象Date日期时间。
{welcome to JS} 使用多级条件（switch&case）
绿皮哥布林
09-17 1931
welcome09.html 621# About these girls script09.js window.onload = initAll; function initAll(){ document.getElementById("ChenDan").onclick = say
js的switch处理范围筛选和NaN的巧妙判断
qq_36145110的博客
09-11 1581
js的switch处理范围筛选和NaN的巧妙判断
js中switch的用法
09-20
switch语句是JavaScript中的一种条件语句，它用于根据表达式的值来执行不同的代码块。switch语句由一个表达式和多个case语句组成。表达式的值会与每个case语句中的值进行比较，如果匹配成功，则执行对应case语句后面的代码块。如果没有匹配成功的case语句，可以使用default语句来指定默认的执行代码块。在每个case语句的代码块中使用break语句来终止switch语句的执行，防止继续执行下一个case语句的代码块。以下是一个示例： ```javascript switch (expression) { case value1: // 当expression的值与value1相等时执行的代码块 break; case value2: // 当expression的值与value2相等时执行的代码块 break; case value3: // 当expression的值与value3相等时执行的代码块 break; default: // 当expression的值与所有的case都不匹配时执行的代码块 } ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值