我需要能够在运行时合并两个（非常简单）JavaScript对象。例如，我想：
var obj1 = { food: 'pizza', car: 'ford' }
var obj2 = { animal: 'dog' }
obj1.merge(obj2);
//obj1 now has three properties: food, car, and animal
是否有一种内置的方法来实现这一点？我不需要递归，也不需要合并函数，只需要平面对象上的方法。
当前回答
另一种方法：
function concat_collection(obj1, obj2) {
var i;
var arr = new Array();
var len1 = obj1.length;
for (i=0; i<len1; i++) {
arr.push(obj1[i]);
}
var len2 = obj2.length;
for (i=0; i<len2; i++) {
arr.push(obj2[i]);
}
return arr;
}
var ELEMENTS = concat_collection(A,B);
for(var i = 0; i < ELEMENTS.length; i++) {
alert(ELEMENTS[i].value);
}
其他回答
我刚开始使用JavaScript，所以如果我错了，请纠正我。
但如果可以合并任意数量的对象，不是更好吗？下面是我如何使用本机Arguments对象实现的。
关键在于，实际上可以向JavaScript函数传递任意数量的参数，而无需在函数声明中定义它们。如果不使用Arguments对象，就无法访问它们。
function mergeObjects() (
var tmpObj = {};
for(var o in arguments) {
for(var m in arguments[o]) {
tmpObj[m] = arguments[o][m];
}
}
return tmpObj;
}
使用object.assign和spread运算符合并两个对象。
错误的方式（修改原始对象，因为目标是o1）
var o1 = { X: 10 };
var o2 = { Y: 20 };
var o3 = { Z: 30 };
var merge = Object.assign(o1, o2, o3);
console.log(merge) // {X:10, Y:20, Z:30}
console.log(o1) // {X:10, Y:20, Z:30}
正确的方式
Object.assign（{}，o1，o2，o3）==>以新对象为目标｛…o1，…o2，…o3｝==>扩展对象
变量o1＝{X:10}；var o2＝{Y:20}；var o3＝{Z:30}；console.log（'不修改原始对象，因为目标｛｝'）；var merge=对象赋值（｛｝，o1，o2，o3）；console.log（合并）；//{X:10，Y:20，Z:30}控制台日志（o1）console.log（'不修改原始对象'）var spreadMerge＝{…o1，…o2，…o3}；console.log（spreadMerge）；控制台日志（o1）；
对于不太复杂的对象，可以使用JSON：
var obj1 = { food: 'pizza', car: 'ford' }
var obj2 = { animal: 'dog', car: 'chevy'}
var objMerge;
objMerge = JSON.stringify(obj1) + JSON.stringify(obj2);
// {"food": "pizza","car":"ford"}{"animal":"dog","car":"chevy"}
objMerge = objMerge.replace(/\}\{/, ","); // \_ replace with comma for valid JSON
objMerge = JSON.parse(objMerge); // { food: 'pizza', animal: 'dog', car: 'chevy'}
// Of same keys in both objects, the last object's value is retained_/
请注意，在此示例中，“｝｛”不能出现在字符串中！
在YUI Y.merge中，应完成以下工作：
Y.merge(obj1, obj2, obj3....)
jQuery还有一个实用程序：http://api.jquery.com/jQuery.extend/.
摘自jQuery文档：
// Merge options object into settings object
var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
jQuery.extend(settings, options);
// Now the content of settings object is the following:
// { validate: true, limit: 5, name: "bar" }
上面的代码将改变现有的名为setting的对象。
如果要在不修改任何参数的情况下创建新对象，请使用以下命令：
var defaults = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
/* Merge defaults and options, without modifying defaults */
var settings = $.extend({}, defaults, options);
// The content of settings variable is now the following:
// {validate: true, limit: 5, name: "bar"}
// The 'defaults' and 'options' variables remained the same.
