给定对象:

var firstObject = {
    key1 : 'value1',
    key2 : 'value2'
};

我如何复制属性在另一个对象(secondObject)像这样:

var secondObject = {
    key1 : 'value1',
    key2 : 'value2',
    key3 : 'value3',
    key4 : 'value4'
};

使用对firstObject的引用?就像这样:

var secondObject = {
    firstObject,
    key3 : 'value3',
    key4 : 'value4'
};

(这行不通……我把它放在大行中只是为了显示我想如何组织代码)。

不使用任何JavaScript框架的解决方案是否可行?


当前回答

改进kingPuppy的想法和OP的想法(浅拷贝)-我只在OP的“例子”上加了3点:)

var secondObject = {
    ...firstObject,
    key3 : 'value3',
    key4 : 'value4'
};

var firstObject = { Key1: 'value1', Key2: 'value2' }; var secondObject = { firstObject, Key3: 'value3', Key4: 'value4' }; console.log (secondObject);

其他回答

我们可以使用Object。赋值组合对象。它将从右向左组合并覆盖公共属性,即左边的相同属性将被右边覆盖。

重要的是在第一个对象中提供一个空对象,以避免改变源对象。源对象应该保持干净,因为object. assign()本身返回一个新对象。

希望这能有所帮助!

var firstObject = { Key1: 'value1', Key2: 'value2' }; var secondObject = { Key3: 'value3', Key4: 'value4' }; var finalObject =对象。assign({}, firstObject, secondObject) console.log (finalObject)

死灵,所以人们可以找到一个深度复制方法与hasOwnProperty和实际对象检查:

var extend = function (original, context, key) {
  for (key in context)
    if (context.hasOwnProperty(key))
      if (Object.prototype.toString.call(context[key]) === '[object Object]')
        original[key] = extend(original[key] || {}, context[key]);
      else
        original[key] = context[key];
  return original;
};

声明一下,现在也可以用

var firstObject = {
    key1 : 'value1',
    key2 : 'value2'
};

var secondObject = {
    ...firstObject,
    key3 : 'value3',
    key4 : 'value4'
};
for(var k in firstObject) secondObject[k]=firstObject[k];

根据ES6 -扩展语法:

你可以简单地使用:

const thirdObject = {
   ...firstObject,
   ...secondObject   
}

这避免了通过引用传递这些对象的问题。

此外,它还负责具有深度嵌套的对象。