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

前言

---

 

　　之前寫過濾器的時候都是 用 if switch 來進行值的判斷 返回對應的值，

　　在沒去百度搜索之前都是都是這樣寫的

if (val == 1) {
        return "支付成功";
      } else if (val == 2) {
        return "支付失敗";
      } else if (val == 3) {
        return "已發貨";
      } else {
        return "出現錯誤";
}

switch (day)
{
case 0:
  x="Today it's Sunday";
  break;
case 1:
  x="Today it's Monday";
  break;
case 2:
  x="Today it's Tuesday";
  break;
case 3:
  x="Today it's Wednesday";
  break;

}

 

　　在某天想優化一下自己代碼的時候去百度搜索了一下，發現對於定義好的狀態數據可以不用判斷直接取值就行

　　於是就有了這樣的代碼

　　

---

　　

let obj = {
        1:"支付成功",
        2:"支付失敗",
        3:"已發貨",
      }
      return obj[val]|| '未定義'

 

　　記錄走過的路，踩過的坑，互勉。

　　前端交流群：87709616

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