给定对象:
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框架的解决方案是否可行?
当前回答
根据ES6 -扩展语法:
你可以简单地使用:
const thirdObject = {
...firstObject,
...secondObject
}
这避免了通过引用传递这些对象的问题。
此外，它还负责具有深度嵌套的对象。
其他回答
使用属性扩展符号。它是在ES2018中添加的(数组/可迭代对象的扩展是更早的ES2015)， {…firstObject}将所有可枚举的属性展开为离散的属性。
let secondObject = {
...firstObject,
key3 : 'value3',
key4 : 'value4'
}
这应该可以工作，在这里进行了测试。
var secondObject = {
firstObject: JSON.parse(JSON.stringify(firstObject)),
key3 : 'value3',
key4 : 'value4'
};
注意:这不会复制firstObject的方法 注2:在旧的浏览器中使用，你需要一个json解析器 注3:通过引用赋值是一个可行的选项，特别是当firstObject包含方法时。相应地调整给定的jsfiddle示例
遍历第一个对象的属性并将它们赋值给第二个对象，如下所示:
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。
改进kingPuppy的想法和OP的想法(浅拷贝)-我只在OP的“例子”上加了3点:)
var secondObject = {
...firstObject,
key3 : 'value3',
key4 : 'value4'
};
var firstObject = { Key1: 'value1'， Key2: 'value2' }; var secondObject = { firstObject, Key3: 'value3'， Key4: 'value4' }; console.log (secondObject);
在这里玩死灵法师，因为ES5带来了Object.keys()，有可能将我们从所有这些. hasownproperty()检查中拯救出来。
Object.keys(firstObject).forEach(function(key) {
secondObject[key] = firstObject[key];
});
或者，将它包装成一个函数(lodash _.assign()的有限“拷贝”):
function assign(object, source) {
Object.keys(source).forEach(function(key) {
object[key] = source[key];
});
}
assign(secondObject, firstObject); // assign firstObject properties to secondObject
Object.keys()是一个相对较新的方法，最值得注意的是:在IE < 9中不可用。同样的情况也适用于. foreach()数组方法，我用它来代替常规的for循环。
幸运的是，这些古老的浏览器有ES5 -shim可用，它将填充许多ES5特性(包括这两个)。
(我完全支持填充程序，而不是拒绝使用很酷的新语言特性。)
