再谈js中的switch……case ---- 里面的坑你都踩过吗

我想针对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确实有点不太优雅。一种新的思路，不喜勿碰。