码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-01-09 12:14:35      阅读:239      评论:0      收藏:0      [点我收藏+]

标签:失败   简化   多重   代码   day   去百度   turn   nes   style   

前言


 

  之前写过滤器的时候都是 用 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多重判断简化流程

标签:失败   简化   多重   代码   day   去百度   turn   nes   style   

原文地址:https://www.cnblogs.com/tudan/p/10243456.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!