给定对象:
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框架的解决方案是否可行?
当前回答
这应该可以工作，在这里进行了测试。
var secondObject = {
firstObject: JSON.parse(JSON.stringify(firstObject)),
key3 : 'value3',
key4 : 'value4'
};
注意:这不会复制firstObject的方法 注2:在旧的浏览器中使用，你需要一个json解析器 注3:通过引用赋值是一个可行的选项，特别是当firstObject包含方法时。相应地调整给定的jsfiddle示例
其他回答
这应该可以工作，在这里进行了测试。
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"
copy: function(firstObject){
this.key1 = firstObject.key1;
this.key2 = firstObject.key2;
}
};
使用以下方法将复制属性
secondObject.copy(firstObject)
我对javascript很陌生，但发现这个工作。我想时间有点长了，但很管用。
声明一下，现在也可以用
var firstObject = {
key1 : 'value1',
key2 : 'value2'
};
var secondObject = {
...firstObject,
key3 : 'value3',
key4 : 'value4'
};
从@ bardzuievny的回答中得到启发，ES6提供了一个本地解决方案:Object.assign()函数!
用法很简单:
Object.assign(secondObject, firstObject);
就是这样!
目前的支持显然很差;只有Firefox(34+)可以开箱即用，而Chrome(45+)和Opera(32+)需要设置“实验性标志”。
支持正在改进，最新版本的Chrome、Firefox、Opera、Safari和Edge都支持它(显然IE不支持)。转译器也可用，如Babel和Traceur。请看这里了解更多细节。
死灵，所以人们可以找到一个深度复制方法与hasOwnProperty和实际对象检查:
var extend = function (original, context, key) {
for (key in context)
if (context.hasOwnProperty(key))
if (Object.prototype.toString.call(context[key]) === '[object Object]')
original[key] = extend(original[key] || {}, context[key]);
else
original[key] = context[key];
return original;
};
