我想针对js中的switch……case,大家都很熟悉,甚至经常使用,但是这里面也有几个小坑,不知道你们是否踩过,现在就给大家盘点一下经常踩坑的几处地方。
1.case中的比较是 ===(全等)会比较值类型
例如在这段代码中
let keyCode = '1'
switch (keyCode) {
case 1:
console.log(1);
break;
case 2:
console.log(2);
break;
default:
console.log(3);
break;
}//输出:3
输出的结果是3,并不是1,因为case中比对的时候是进行===比较,连带值类型都会进行比较。这点在开发中会经常出现,因为经常会有后端传过来的数据是string但是前端会拿来和number来进行比较.
2.case后面不跟break
虽然有些情况是为了实现某些功能程序员故意的,但大多数情况下都是因为粗心忘记了。
这样就会导致即执行case1中的代码又执行case3中的代码。
3.case尽量不要写范围,而是一个准确的值
这种不是必须,可能你写一个范围也能运行,实现对应的目标,但你有这种想法为什么不适用if……else结构呢,这样还会更加清晰。
下面就是一个典型案例
let price = 120
let newPrice
switch (true) {
case price >= 200:
newPrice = price - 20
break;
case price >= 100 && price < 200:
newPrice = price - 10
break;
default:
newPrice = price
break;
}
console.log(price, newPrice)//输出:120 110
虽然你实现了功能,但是switch里面写true确实有点不太优雅。一种新的思路,不喜勿碰。