如何将JavaScript中删除对象不必要的属性操作转化为一个长尾词？

本文共计884个文字，预计阅读时间需要4分钟。

目录

• 示例
• 方式一：delete删除
• 方式二：解构
• 补充
• 总结

Thinking系列，旨在利用10分钟的时间传达一种可落地的编程思想。

业务开发中，我们经常会遇到：基于后端返回接口数据，前端保存到对象Object中，前端开发过程中为了一些场景的便利性，需要在该对象中增加相应的属性，但这些属性对于后端没有意义，保存提交时希望删除掉。

真实业务代码：保存前需要删除对应的*Value字段

async saveData (type, data) { // 提交时删除多余字段 delete data.isCommonValue delete data.isRemoteValue await this.$request({ ...API.EDIT_SERVICE, method: type === 'add' ? 'post' : 'put', data }) }

上述是大家普遍的写法，但部分场景下上述写法并不是最优写法，且可能会带来一些副作用。