前言

　　之前寫過濾器的時候都是 用 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

有不同意見的可以留言，我們一起討論。

【土旦】在vue filters中 優雅的使用對象的key、value來替換 if switch多重判斷簡化流程