给定对象:
var firstObject = {
key1 : 'value1',
key2 : 'value2'
};
我如何复制属性在另一个对象(secondObject)像这样:
var secondObject = {
key1 : 'value1',
key2 : 'value2',
key3 : 'value3',
key4 : 'value4'
};
使用对firstObject的引用?就像这样:
var secondObject = {
firstObject,
key3 : 'value3',
key4 : 'value4'
};
(这行不通……我把它放在大行中只是为了显示我想如何组织代码)。
不使用任何JavaScript框架的解决方案是否可行?
当前回答
我们可以使用Object。赋值组合对象。它将从右向左组合并覆盖公共属性，即左边的相同属性将被右边覆盖。
重要的是在第一个对象中提供一个空对象，以避免改变源对象。源对象应该保持干净，因为object. assign()本身返回一个新对象。
希望这能有所帮助!
var firstObject = { Key1: 'value1'， Key2: 'value2' }; var secondObject = { Key3: 'value3'， Key4: 'value4' }; var finalObject =对象。assign({}， firstObject, secondObject) console.log (finalObject)
其他回答
var firstObject = {
key1: "value1",
key2: "value2"
};
var secondObject = {
key3: "value3",
key4: "value4"
copy: function(firstObject){
this.key1 = firstObject.key1;
this.key2 = firstObject.key2;
}
};
使用以下方法将复制属性
secondObject.copy(firstObject)
我对javascript很陌生，但发现这个工作。我想时间有点长了，但很管用。
使用属性扩展符号。它是在ES2018中添加的(数组/可迭代对象的扩展是更早的ES2015)， {…firstObject}将所有可枚举的属性展开为离散的属性。
let secondObject = {
...firstObject,
key3 : 'value3',
key4 : 'value4'
}
对象。赋值或析构可能会给您带来很大的麻烦，因为只有顶级属性被复制为值。
所有嵌套的属性都将被复制为引用，并保留对原始对象属性的引用。如果你的物体是平的，那是可以的。但如果不是，这些方法很少适用。
对于最简单有效的一行程序，我会推荐deepmerge包，它没有这个缺点。
const newObject = deepmerge({}, oldObjectWithNestedProperties);
这将给你oldObjectWithNestedProperties的完全分离和独立的newObject副本。
根据ES6 -扩展语法:
你可以简单地使用:
const thirdObject = {
...firstObject,
...secondObject
}
这避免了通过引用传递这些对象的问题。
此外，它还负责具有深度嵌套的对象。
遍历第一个对象的属性并将它们赋值给第二个对象，如下所示:
var firstObject = {
key1 : 'value1',
key2 : 'value2'
};
var secondObject = {
key3 : 'value3',
key4 : 'value4'
};
for (var prop in firstObject) {
if (firstObject.hasOwnProperty(prop)) {
secondObject[prop] = firstObject[prop];
}
}
for-in循环是不够的;你需要hasOwnProperty。有关原因的详细解释，请参阅http://bonsaiden.github.com/JavaScript-Garden/#object.forinloop。
