后端返回的数据是数字但是前端需要根据数字渲染不同状态(枚举方法)

举例:很多时候后端返回一个跟状态有关的数据,并不会返回文字而是返回数字,比如最近开发中遇到了一个页面里面有三个任务状态,进行中,未领取,已完成,但是返回的数据是数字,这个解决方法有很多我当时想到的就是枚举法。

        

function a (x) {
  let z = {
    1:"已完成",
    2:"进行中",
    3:"未完成"
       }
    return z[x]
 }
 console.log(a(1));
 console.log(a(2));
 console.log(a(3));

这个是打印出来的效果:

 原理就是封装一个方法,方法里面一个对象,对象属性的键是数字,值是对应的文字,然后把对象加动态参数return出去就展示出以上效果了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值