如何合并两个 JavaScript 对象的属性？
我需要能够在运行时合并两个（非常简单的）JavaScript对象。例如，我想要：
var obj1 = { food: 'pizza', car: 'ford' }
var obj2 = { animal: 'dog' }
obj1.merge(obj2);
//obj1 now has three properties: food, car, and animal
有没有内置的方法可以做到这一点？我不需要递归，也不需要合并函数，只需要平面对象上的方法。
ecmascript 2018标准方法
您将使用 对象扩展 ：
733925935
合并
现在是
obj1
和
的联合OBJ2
。
obj2
中的属性将覆盖
obj1
。
040371173
这也是
MDN文档
此语法。如果您正在使用babel，则需要
@babel/plugin -proposal-object-rest-spread
供插件工作（此插件包含在
@babel/preset-env
中，
es2018
）。
ecmascript 2015（es6）标准方法
< /p>
504091421
（请参阅 mdn javaScript参考 ）
ES5和更早的方法
395460611
请注意，这只需将
obj2
的所有属性添加到
obj1
，如果您仍然想使用未修改的
obj1
。
如果您正在使用一个框架上的框架，那么您必须使用
HasownProperty
之类的支票变得更加奇特，但是该代码将适用于99％案例。
示例函数：
310822168
另外： - 检查此程序 有关object.assign＆amp;传播语法对象文字
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" }
上述代码将改变名为
settings
的
现有对象
。
如果您想创建一个 新对象 而不修改任何一个参数，请使用以下命令：
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.
Harmony ECMAScript 2015 (ES6)
指定了
Object.assign
，它可以实现这一点。
Object.assign(obj1, obj2);