我需要能够在运行时合并两个（非常简单）JavaScript对象。例如，我想：
var obj1 = { food: 'pizza', car: 'ford' }
var obj2 = { animal: 'dog' }
obj1.merge(obj2);
//obj1 now has three properties: food, car, and animal
是否有一种内置的方法来实现这一点？我不需要递归，也不需要合并函数，只需要平面对象上的方法。
当前回答
ES2018/TypeScript：很多答案都可以，但当您需要合并两个对象而不覆盖重叠的对象键时，我已经找到了一个更优雅的解决方案。
我的函数还接受无限数量的对象作为函数参数进行合并：
（这里我使用的是TypeScript表示法，如果您使用的是纯JavaScript，请随意删除函数参数中的：object[]类型）。
const merge = (...objects: object[]) => {
return objects.reduce((prev, next) => {
Object.keys(prev).forEach(key => {
next[key] = { ...next[key], ...prev[key] }
})
return next
})
}
其他回答
您可以使用对象排列语法来实现这一点。这是ES2018及以后的一部分。
constobj1={food:“pizza”，car:“ford”}；const obj2=｛animal:“狗”｝；常量obj3=｛…obj1，…obj2｝；console.log（obj3）；
ES5兼容的原生单内胆：
var merged = [obj1, obj2].reduce(function(a, o) { for(k in o) a[k] = o[k]; return a; }, {})
您可以简单地使用jQuery扩展
var obj1 = { val1: false, limit: 5, name: "foo" };
var obj2 = { val2: true, name: "bar" };
jQuery.extend(obj1, obj2);
现在obj1包含obj1和obj2的所有值
var obj1 = { food: 'pizza', car: 'ford' }
var obj2 = { animal: 'dog' }
// result
result: {food: "pizza", car: "ford", animal: "dog"}
使用jQuery.exde（）-Link
// Merge obj1 & obj2 to result
var result1 = $.extend( {}, obj1, obj2 );
使用_.merge（）-链接
// Merge obj1 & obj2 to result
var result2 = _.merge( {}, obj1, obj2 );
使用_.exde（）-链接
// Merge obj1 & obj2 to result
var result3 = _.extend( {}, obj1, obj2 );
使用Object.assign（）ECMAScript 2015（ES6）-Link
// Merge obj1 & obj2 to result
var result4 = Object.assign( {}, obj1, obj2 );
全部输出
obj1: { animal: 'dog' }
obj2: { food: 'pizza', car: 'ford' }
result1: {food: "pizza", car: "ford", animal: "dog"}
result2: {food: "pizza", car: "ford", animal: "dog"}
result3: {food: "pizza", car: "ford", animal: "dog"}
result4: {food: "pizza", car: "ford", animal: "dog"}
可以使用Object.assign方法。例如：
var result = Object.assign(obj1, obj2);
此外，请注意，它会创建对象的浅副本。
