我需要能够在运行时合并两个（非常简单）JavaScript对象。例如，我想：
var obj1 = { food: 'pizza', car: 'ford' }
var obj2 = { animal: 'dog' }
obj1.merge(obj2);
//obj1 now has three properties: food, car, and animal
是否有一种内置的方法来实现这一点？我不需要递归，也不需要合并函数，只需要平面对象上的方法。
当前回答
我使用纯JavaScript中的以下内容。它从最右边的参数开始，并将它们组合到第一个参数。没有返回值，只修改了第一个参数，最左边的参数（第一个除外）在财产上具有最高的权重。
var merge = function() {
var il = arguments.length;
for (var i = il - 1; i > 0; --i) {
for (var key in arguments[i]) {
if (arguments[i].hasOwnProperty(key)) {
arguments[0][key] = arguments[i][key];
}
}
}
};
其他回答
您可以在EcmaScript2016中执行以下操作
更正：这是第三阶段的建议，但它始终对我有效
const objA = {
attrA: 'hello',
attrB: true
}
const objB = {
attrC: 2
}
const mergedObj = {...objA, ...objB}
如果您需要一个深度合并，它也将通过将数组串联到结果中来“合并”数组，那么这个ES6函数可能就是您需要的：
函数deepMerge（a，b）{//如果两者都不是对象，请返回其中一个：如果（对象（a）！==a&&对象（b）！==b） 返回b||a；//用空对象/数组替换剩余的基元如果（对象（a）！==a） a=Array.isArray（b）？[] : {};if（对象（b）！==b） b=Array.isArray（a）？[] : {};//区别对待阵列：if（Array.isArray（a）&&Array.isArray（b））{//合并阵列被解释为其深层克隆的串联：return[…a.map（v=>deepMerge（v）），…b.map（v=>deepMerger（v）]；}其他{//获取任一对象中存在的键var keys=新集合（[…Object.keys（a），…Object.key（b）]）；//重复并分配给新对象return Object.assign（{}，…Array.from（keys，key=>（{[key]:deepMerge（a[key]，b[key]）}））；}}//演示的示例数据：变量a={组：[{组：[{name：“John”，年龄：12岁},{name:“Mary”，年龄：20岁}],groupName:'对'}],配置：{颜色：“蓝色”，范围：'远'}};变量b={组：[{组：[{name:'比尔'，年龄：15岁}],groupName:'孤独者'}],配置：{范围：'关闭'，强度：'平均'}};var merged=deepMerge（a，b）；console.log（合并）；.作为控制台包装｛最大高度：100%！重要；顶部：0；｝
请注意，如果只有一个参数传递给此函数，它将充当深度克隆函数。
有不同的方法可以实现这一点：
Object.assign(targetObj, sourceObj);
targetObj = {...targetObj, ...sourceObj};
使用jQuery库尝试这种方式
let obj1 = { food: 'pizza', car: 'ford' }
let obj2 = { animal: 'dog' }
console.log(jQuery.extend(obj1, obj2))
哇！这是我在多个页面上看到的第一篇StackOverflow文章。为添加另一个“答案”表示歉意
ES5及更早版本
此方法适用于ES5及更早版本-有许多其他答案可用于ES6。
我没有看到任何利用arguments属性的“深层”对象合并。以下是我的答案-紧凑和递归，允许传递无限的对象参数：
function extend() {
for (var o = {}, i = 0; i < arguments.length; i++) {
// Uncomment to skip arguments that are not objects (to prevent errors)
// if (arguments[i].constructor !== Object) continue;
for (var k in arguments[i]) {
if (arguments[i].hasOwnProperty(k)) {
o[k] = arguments[i][k].constructor === Object
? extend(o[k] || {}, arguments[i][k])
: arguments[i][k];
}
}
}
return o;
}
实例
/***扩展对象*/函数扩展（）{对于（var o={}，i=0；i<arguments.length；i++）{for（自变量[i]中的var k）{if（参数[i].hasOwnProperty（k））{o[k]=参数[i][k].构造函数==对象? extend（o[k]||{}，参数[i][k]）：参数[i][k]；}}}返回o；}/***示例*/document.write（JSON.stringify（扩展({api:1，参数：{查询：“hello”}}, {参数：{查询：'there'}})));//输出｛“api”：1，“params”：｛“query”：“there”｝
这个答案现在只是沧海一粟。。。
