Javascript:使用扩展运算符合并两个对象

Question

var a = {
  1: {
    687: {
      name:'test1'
    }
  }
}
var b = {
  1: {
    689: {
      name:'test2'
    }
  }
}
var c = {
  ...a,
  ...b
}
console.log(c)

我期待的结果是:

{
  1: {
    687: {
      name:'test1'
    },
    689: {
      name:'test2'
    }
  }
}

但是，它是:

{
  1: {
    689: {
      name:'test2'
    }
  }
}

我是不是用错了传播运算符？合并两个对象的最有效方法是什么？我创建了一个函数来遍历对象中的每个键，它可以工作，但我认为这不是写入方式。

Object.assign({},a,b) 也返回相同的结果(第一个结果，我不想要)。

我完成了问题 How can I merge properties of two JavaScript objects dynamically?

但它没有回答我的问题。这个答案(https://stackoverflow.com/a/171256/1352853)也不是我想要的。

提前致谢。

Answer 1

lodash merge 实际上做了我真正需要的。

https://blog.mariusschulz.com/2015/03/30/combining-settings-objects-with-lodash-assign-or-merge

// Defined within your component
var defaultSettings = {
    strictMode: true,
    formatting: {
        finalNewline: true,
        quotes: "double"
    }
};

// Provided by the developer using your component
var userSettings = {
    formatting: {
        quotes: "single"
    }
};

var assignedSettings = _.assign({}, defaultSettings, userSettings);

// {
//     strictMode: true,
//     formatting: {
//         quotes: "single"
//     }
// }

var mergedSettings = _.merge({}, defaultSettings, userSettings);

// {
//     strictMode: true,
//     formatting: {
//         finalNewline: true,
//         quotes: "single"
//     }
// }