学习记录:对空数据统一处理成默认“- -“

在util.js文件中定义判断值是否为空或者非正常值,设置默认显示"- -":

//判断传入的值是否为 ''、null、undefined、NaN
function isEmpty(val) {
    return val === '' || $_.isNil(val) || $_.isNaN(val)
}
//设置空数据显示
function setObjDefaultKey(obj, flag = '- -') {
    const d = $_.cloneDeep(obj)
    for (const key in d) {
        isEmpty(d[key]) && (d[key] = flag)
    }
    return d
}

isNaN
在这里插入图片描述

使用该方法如下:

this.eventList = (res.data || []).map(item => {
                        return this.$util.setObjDefaultKey(item)
                    })

还有一种默认值是需要分辨0还是字符串’0’,然后再决定是否要设置默认值:

function setValueDefaultKey(value, flag = '- -') {
    return value === 0 ? 0 : value ? value : flag
}

此处是判断值是否为0
在这里插入图片描述
如果为字符串’0’,‘0’===0为false,所以会进入下一步判断:
value?value:flag
若value转换为boolean为true,就为本身,若为false,即为默认值flag也就是 ‘- -’

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值