关于后端返回给我们的对象或者数组为空时我们把空字符(“”)串变成横杠(“-”)

根据需求,我们分别把他写成两种方法,在我们项目中可以 直接调用该方法,方法如下:

1.把数组中为空的项替换成横杠

//把数组中为空的项替换成横杠

export function filtrateData(data) {

data.forEach(obj => {

Object.keys(obj).forEach(key => {

if (

obj[key] === '--' ||

obj[key] === '' ||

obj[key] === null ||

obj[key].length === 0

) {

obj[key] = '-';

}

});

});

}

2.把对象中值为空的项替换成横杠

//把对象中值为空的项替换成横杠

export function filtrateFrom(data) {

for (let key in data) {

if (

data[key] === null ||

data[key] === undefined ||

data[key] === '' ||

data[key].length === 0

) {

data[key] = '-';

}

}

}

相关推荐
浮桥1 小时前
vue3实现pdf文件预览 - vue-pdf-embed
前端·vue.js·pdf
AA-代码批发V哥1 小时前
Vue框架之钩子函数详解
vue.js
七夜zippoe1 小时前
前端开发中的难题及解决方案
前端·问题
四季豆豆豆1 小时前
博客项目 laravel vue mysql 第四章 分类功能
vue.js·mysql·laravel
晓13132 小时前
JavaScript加强篇——第七章 浏览器对象与存储要点
开发语言·javascript·ecmascript
Hockor2 小时前
用 Kimi K2 写前端是一种什么体验?还支持 Claude Code 接入?
前端
杨进军2 小时前
React 实现 useMemo
前端·react.js·前端框架
海底火旺2 小时前
浏览器渲染全过程解析
前端·javascript·浏览器
你听得到112 小时前
揭秘Flutter图片编辑器核心技术:从状态驱动架构到高保真图像处理
android·前端·flutter
驴肉板烧凤梨牛肉堡2 小时前
浏览器是否支持webp图像的判断
前端