vue如何将对象中属性值为“”,null,undefined的属性去掉,组成一个新对象

在我们前后端联调的过程中,一系列的参数去后端查询接口,为了提升查询速度,前端需要把字段为空"",null,undefined,参数给去掉,那么我们就可以使用以下方法:

function removeEmptyProperties(obj) {

const newObj = {};

for (const key in obj) {

if (obj.hasOwnProperty(key) && obj[key] !== undefined && obj[key] !== null) {

newObj[key] = obj[key];

}

}

return newObj;

}

const originalObject = {

type: "book",

user: "Alice",

storeName: undefined,

storeId: undefined,

storeData: "",

storeDataId: null,

};

const objectWithoutEmptyProperties = removeEmptyProperties(originalObject);

console.log(objectWithoutEmptyProperties);

// 输出: { type: 'book', user: 'Alice', tenantId: '123' }

相关推荐
UI前端开发工作室3 分钟前
数字孪生技术为UI前端提供新视角:产品性能的实时模拟与预测
大数据·前端
Sapphire~5 分钟前
重学前端004 --- html 表单
前端·html
TE-茶叶蛋27 分钟前
Flutter、Vue 3 和 React 在 UI 布局比较
vue.js·flutter·react.js
Maybyy28 分钟前
力扣242.有效的字母异位词
java·javascript·leetcode
遇到困难睡大觉哈哈32 分钟前
CSS中的Element语法
前端·css
Real_man38 分钟前
新物种与新法则:AI重塑开发与产品未来
前端·后端·面试
小彭努力中38 分钟前
147.在 Vue3 中使用 OpenLayers 地图上 ECharts 模拟飞机循环飞行
前端·javascript·vue.js·ecmascript·echarts
老马聊技术41 分钟前
日历插件-FullCalendar的详细使用
前端·javascript
zhu_zhu_xia42 分钟前
cesium添加原生MVT矢量瓦片方案
javascript·arcgis·webgl·cesium
咔咔一顿操作43 分钟前
Cesium实战:交互式多边形绘制与编辑功能完全指南(最终修复版)
前端·javascript·3d·vue