场景:在web应用中做编辑功能的时候,往往会先调用一个详情
接口,然后赋值给model
,最后点击保存,但是我们编辑时往往可能属性很少,但是详情
接口返回的数据比较多,如果我们通过Object.assign({}, this.formData, res)
来赋值,会导致 this.formData
有很多不必要的属性,如果不这样赋值,就需要写很多代码为一个个属性赋值,有没有好一点的办法,既能够方便为对象属性赋值,又能不污染
原始对象呢?
const result = {}
for(let key of Object.keys(this.formData)){
result[key] = res[key] || this.formData[key];//(这里要注意深浅拷贝)
}
return result;
###首先,如果是表单数据,一般不应该有嵌套结构,如果有嵌套对象,则需要考虑深拷贝。在不考虑嵌套的情况下,可以简单的写个patch函数来修改对象值
function patchValue(target, values) {
Object.keys(target).forEach(k => {
if (values[k] !== undefined) { // 此处可以调整patch逻辑
target[k] = values[k]
}
})
}
const res = { a: 1, b: 2, c: 3 }
patchValue(res, { a: 11, c: null })
// res: {a: 11, b: 2, c: null}