Object.assign属性拷贝

Question

var obj = {
  name: 'obj',
  fn: {
    add: true,
    edit: true
  }
}

var page1 = {
  name: 'page1',
  fn: {
    edit: false
  }
}

var config = Object.assign({}, obj, page1)
// {name: 'page1', fn: {edit: false}}

请问下我如何才能只覆盖edit一个值呢？
达到最终这个结果
{name: 'page1', fn: {add:true, edit: false}}

Answer 1

let result = {};
Object.keys(obj).forEach(key => {
    let assign = obj[key];
    if (page1.hasOwnProperty(key)) {
        if (typeof page1[key] === "object") {
            if(page1[key] instanceof Array) {
                assign = obj[key].concat(page1[key]);
            } else {
                assign = {...obj[key], ...page1[key]};
            }
        } else {
            assign = page1[key];
        }
    }
    result[key] = assign;
});

其它类型的自己实现一下吧。
或者你可以使用lodash。

Answer 2

如果这样的属性有很多，建议深拷贝

如果只有这一个，建议这么写：

var obj = {
  name: 'obj',
  fn: {
    add: true,
    edit: true
  }
}

var page1 = {
  name: 'page1',
  fn: {
    edit: false
  }
}

var config = Object.assign({}, obj)
config.fn.edit = page1.fn.edit;
// {name: 'page1', fn: {add: true, edit: false}}

Answer 3

var obj = {
  name: 'obj',
  fn: {
    add: true,
    edit: true
  }
}
var page1 = {
  name: 'page1',
  fn: {
    edit: false
  }
}
Object.assign(obj.fn,page1.fn);

Objct.assign