土旦在vue filters中 优雅的使用对象的keyvalue来替换 if switch多重判断简化流程

Posted 2021-02-02 tudan

前言

---

 

　　之前写过滤器的时候都是 用 if switch 来进行值的判断 返回对应的值，

　　在没去百度搜索之前都是都是这样写的

1 if (val == 1) {
2         return "支付成功";
3       } else if (val == 2) {
4         return "支付失败";
5       } else if (val == 3) {
6         return "已发货";
7       } else {
8         return "出现错误";
9 }

 1 switch (day)
 2 {
 3 case 0:
 4   x="Today it‘s Sunday";
 5   break;
 6 case 1:
 7   x="Today it‘s Monday";
 8   break;
 9 case 2:
10   x="Today it‘s Tuesday";
11   break;
12 case 3:
13   x="Today it‘s Wednesday";
14   break;
15 
16 }

 

　　在某天想优化一下自己代码的时候去百度搜索了一下，发现对于定义好的状态数据可以不用判断直接取值就行

　　于是就有了这样的代码

　　

---

　　

1 let obj = {
2         1:"支付成功",
3         2:"支付失败",
4         3:"已发货",
5       }
6       return obj[val]|| ‘未定义‘

 

　　记录走过的路，踩过的坑，互勉。

　　前端交流群：87709616

有不同意见的可以留言，我们一起讨论。