使用属性扩展符号。它是在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/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/create

你也可以只分配值，省略描述符，让它更短:

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

兼容性:ECMAScript 5，即IE9+

在这里玩死灵法师，因为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特性(包括这两个)。

(我完全支持填充程序，而不是拒绝使用很酷的新语言特性。)

遍历第一个对象的属性并将它们赋值给第二个对象，如下所示:

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。

死灵，所以人们可以找到一个深度复制方法与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;
};

从@ bardzuievny的回答中得到启发，ES6提供了一个本地解决方案:Object.assign()函数!

用法很简单:

Object.assign(secondObject, firstObject);

就是这样!

目前的支持显然很差;只有Firefox(34+)可以开箱即用，而Chrome(45+)和Opera(32+)需要设置“实验性标志”。

支持正在改进，最新版本的Chrome、Firefox、Opera、Safari和Edge都支持它(显然IE不支持)。转译器也可用，如Babel和Traceur。请看这里了解更多细节。