js如何为对象指定属性快捷赋值？

Question

场景：在web应用中做编辑功能的时候，往往会先调用一个详情接口，然后赋值给model，最后点击保存，但是我们编辑时往往可能属性很少，但是详情接口返回的数据比较多，如果我们通过Object.assign({}, this.formData, res) 来赋值，会导致 this.formData有很多不必要的属性，如果不这样赋值，就需要写很多代码为一个个属性赋值，有没有好一点的办法，既能够方便为对象属性赋值，又能不污染原始对象呢？

Answer 1

const result = {}
for(let key of Object.keys(this.formData)){
    result[key] = res[key] || this.formData[key];//(这里要注意深浅拷贝)
}
return result;

Answer 2

首先，如果是表单数据，一般不应该有嵌套结构，如果有嵌套对象，则需要考虑深拷贝。在不考虑嵌套的情况下，可以简单的写个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}