如何在另一个对象中复制对象属性？

给定对象：

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框架的情况下实现解决方案？

for(var k in firstObject) secondObject[k]=firstObject[k];

从@Bardzuśny的答案中得到启发，ES6提供了一个本地解决方案：Object.assign()功能！

用法很简单：

Object.assign(secondObject, firstObject);

而已！

现在的支持显然很差；开箱即用仅支持Firefox（34+），而Chrome（45+）和Opera（32+）需要设置“ experimental flag”。

支持得到了改善，最新版本的Chrome，Firefox，Opera，Safari和Edge都支持它（IE显然不提供支持。）还可以使用Transpiler，例如Babel和Traceur。有关更多详细信息，请参见此处。

根据ES6-传播语法：

您可以简单地使用：

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

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

此外，它还可以处理具有深层嵌套的对象。

循环遍历第一个对象的属性，并将其分配给第二个对象，如下所示：

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

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

for (var prop in firstObject) {
    if (firstObject.hasOwnProperty(prop)) {
        secondObject[prop] = firstObject[prop];
    }
}

本for- in环是不够的; 你需要hasOwnProperty。有关原因的详细说明，请参见http://bonsaiden.github.com/JavaScript-Garden/#object.forinloop。

在这里玩死灵法师，因为ES5带给了我们Object.keys()，有潜力使我们免于所有这些.hasOwnProperty()检查。

Object.keys(firstObject).forEach(function(key) {
  secondObject[key] = firstObject[key];
});

或者，将其包装到一个函数中（lodash的有限“副本” _.assign()）：

function assign(object, source) {
  Object.keys(source).forEach(function(key) {
    object[key] = source[key];
  });
}

assign(secondObject, firstObject); // assign firstObject properties to secondObject

Object.keys()是相对较新的方法，最值得注意的是：在IE <9中不可用。.forEach()数组方法也是如此，我用它代替了常规方法。for循环。

幸运的是，有es5-shim这些古老的浏览器提供了可以许多ES5功能（包括这两个功能）。

（我全力支持polyfill，而不是阻止使用炫酷的新语言功能。）

死灵法使人们可以找到具有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;
};

一个可以使用Object.assign组合对象。它将合并并覆盖从右到左的通用属性，即，左边的相同属性将被右边的覆盖。

并且重要的是首先提供一个空的对象，以避免变异源对象。源对象应该保持干净Object.assign()因为它本身会返回一个新对象。

希望这可以帮助！

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

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

var finalObject = Object.assign({}, firstObject, secondObject)

console.log(finalObject)

改进kingPuppy想法和OP的想法（浅拷贝） -我只加3点至OP“榜样” :)

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

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

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

console.log(secondObject);

这应该工作，在这里进行测试。

var secondObject = {
    firstObject: JSON.parse(JSON.stringify(firstObject)),
    key3 : 'value3',
    key4 : 'value4'
};

注意：这不会复制firstObject
注释2的方法：要在较旧的浏览器中使用，您将需要json解析器。
注3：按引用分配是一个可行的选项，尤其是在firstObject包含方法的情况下。相应地调整了给定的jsfiddle示例

不幸的是，您不能在这样的对象中放置对变量的引用。但是，您可以创建一个将对象的值复制到另一个对象的函数。

function extend( obj1, obj2 ) {
    for ( var i in obj2 ) {
        obj1[i] = obj2[i];
    }
    return obj1;
}

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

var secondObject = extend({
    key3: "value3",
    key4: "value4"
}, firstObject );

如果你想抓住只存在于第二对象的属性，你可以使用Object.keys抢的第一个对象的属性，你可以做两种方法：

A.） map使用副作用将第一个对象的属性分配给第二个对象：

var a = {a:100, b:9000, c:300};
var b = {b:-1};

Object.keys(a).map(function(key, index) {
    if (typeof b[key] !== 'undefined') {
        console.log(key);
        b[key] = a[key];    
    }
});

B.）或reduce创建一个新对象并将其分配给第二个对象。请注意，此方法将替换第二个对象可能具有的与第一个对象不匹配的其他属性：

var a = {a:100, b:9000, c:300};
var b = {b:-1, d:-1}; // d will be gone

b = Object.keys(a).reduce(function(result, current) {
    if (typeof b[current] !== 'undefined') {
        result[current] = a[current];   
    }
    return result;
}, {});

使用属性传播符号。它是在ES2018中添加的（用于数组/可迭代对象的版本更早于ES2015），{... firstObject}将所有可枚举的属性分散为离散属性。

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

我宁愿使用firstObject作为secondObject的原型，并添加属性描述符：

var secondObject = Object.create(firstObject, {
      key3: {value: "value3", writable: true, configurable: true, enumerable: true},
      key4: {value: "value4", writable: true, configurable: true, enumerable: true}
      });

当然不是单线的，但它可以给您更多的控制权。如果您对属性描述符感兴趣，建议阅读这篇文章：http ://patrickdelancy.com/2012/09/property-descriptors-in-javascript/#comment-2062 和MDN页面https：//developer.mozilla。 org / zh-CN / docs / Web / JavaScript / Reference / Global_Objects / Object / create

您也可以只分配值并省略描述符，并使它更短一些：

var secondObject = Object.create(firstObject, {
      key3: {value: "value3"}
      key4: {value: "value4"}
  });

兼容性：ECMAScript 5，所以IE9 +

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

var secondObject = {
     key3: "value3",
     key4: "value4"
     copy: function(firstObject){
           this.key1 = firstObject.key1;
           this.key2 = firstObject.key2;
     }
 };

使用以下方法将复制属性

secondObject.copy(firstObject)

我对javascript很陌生，但是发现它可以正常工作。我猜有点太长了，但是可以用。