vue 前端调接口传参,参数为空则不传给后端问题

在我们前后端联调的过程中,正常情况下我们是一股脑把所有的参数都传过去,不管是否为空,但是有些时候,后端需要我们把为空的参数就不要传给他们,这是我们可以用此方法来解决去掉为空的参数:

let data = {
    topoType: 'API',
    relationship: '访问次数',
    name: 'httpapi:http://dns.weixin.qq.com.cn/mmtls/$(param)',
    limit: '5',
    time: '一周',
    dotIp: '源IP名称',
    dotApi: '接口名称',
    dotApp: '应用名称',
    filter: {
        type: '',
        await:11,
        b:111
    },
    obj:{},
    obj1:{a:'',b:''}

}
function removeEmptyValues(obj) {
    for (const key in obj) {
        if (typeof obj[key] === 'object') {
            removeEmptyValues(obj[key]);
        }

        if (!obj[key] || (typeof obj[key] === 'object' && !Reflect.ownKeys(obj[key]).length)) {
            delete obj[key];
        }
    }
}

removeEmptyValues(data)

console.log(data)
dotApi: "接口名称"
dotApp: "应用名称"
dotIp: "源IP名称"
filter: {await: 11, b: 111}
limit: "5"
name: "httpapi:http://dns.weixin.qq.com.cn/mmtls/$(param)"
relationship: "访问次数"
time: "一周"
topoType: "API"

此方法可以过滤掉对象中的空值,也可以过滤掉对象中对象的空值。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值