如何动态合并两个JavaScript对象的财产？

我需要能够在运行时合并两个（非常简单）JavaScript对象。例如，我想：

var obj1 = { food: 'pizza', car: 'ford' }
var obj2 = { animal: 'dog' }

obj1.merge(obj2);

//obj1 now has three properties: food, car, and animal

是否有一种内置的方法来实现这一点？我不需要递归，也不需要合并函数，只需要平面对象上的方法。

当前回答

应修改给定的解决方案以检查for中的source.hasOwnProperty（属性）。。在赋值之前的循环中-否则，您最终会复制整个原型链的财产，这是很少需要的。。。

2008-12-21 13:02:01

其他回答

var firstObject = {
    key1 : 'value1',
    key2 : 'value2'
};

var secondObject={
  ...firstObject,
  key3 : 'value3',
  key4 : 'value4',
  key5 : 'value5'
}
console.log(firstObject);
console.log(secondObject);

2022-07-02 02:26:01

ES5兼容的原生单内胆：

var merged = [obj1, obj2].reduce(function(a, o) { for(k in o) a[k] = o[k]; return a; }, {})

2017-04-24 18:29:34

有三种方法可以做到这一点：-

方法1：-

// using spread ...
    let obj1 = {
        ...obj2
    };

方法2：-

// using  Object.assign() method
let obj1 = Object.assign({}, obj2);

方法3：-

// using JSON
let obj1 = JSON.parse(JSON.stringify(obj2));

2021-02-11 11:20:11

您可以简单地使用jQuery扩展

var obj1 = { val1: false, limit: 5, name: "foo" };
var obj2 = { val2: true, name: "bar" };

jQuery.extend(obj1, obj2);

现在obj1包含obj1和obj2的所有值

2015-08-31 06:51:16

对象.assign（）

ECMAScript 2015（ES6）

这是一项新技术，是ECMAScript 2015（ES6）标准的一部分。这项技术的规范已经定稿，但请查看兼容性表，了解各种浏览器中的用法和实现状态。

assign（）方法用于将所有可枚举自身财产的值从一个或多个源对象复制到目标对象。它将返回目标对象。

var o1 = { a: 1 };
var o2 = { b: 2 };
var o3 = { c: 3 };

var obj = Object.assign(o1, o2, o3);
console.log(obj); // { a: 1, b: 2, c: 3 }
console.log(o1);  // { a: 1, b: 2, c: 3 }, target object itself is changed.

2015-11-16 16:35:04

如何动态合并两个JavaScript对象的财产？

推荐文章

最新文章

标签