给定对象:
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框架的解决方案是否可行?
当前回答
死灵，所以人们可以找到一个深度复制方法与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;
};
其他回答
在这里玩死灵法师，因为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特性(包括这两个)。
(我完全支持填充程序，而不是拒绝使用很酷的新语言特性。)
死灵，所以人们可以找到一个深度复制方法与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;
};
这应该可以工作，在这里进行了测试。
var secondObject = {
firstObject: JSON.parse(JSON.stringify(firstObject)),
key3 : 'value3',
key4 : 'value4'
};
注意:这不会复制firstObject的方法 注2:在旧的浏览器中使用，你需要一个json解析器 注3:通过引用赋值是一个可行的选项，特别是当firstObject包含方法时。相应地调整给定的jsfiddle示例
不幸的是，您不能像这样在对象中放置对变量的引用。但是，您可以创建一个函数，将对象的值复制到另一个对象。
function extend( obj1, obj2 ) {
for ( var i in obj2 ) {
obj1[i] = obj2[i];
}
return obj1;
}
var firstObject = {
key1: "value1",
key2: "value2"
};
var secondObject = extend({
key3: "value3",
key4: "value4"
}, firstObject );
我宁愿使用firstObject作为secondObject的原型，并添加属性描述符:
var secondObject = Object.create(firstObject, {
key3: {value: "value3", writable: true, configurable: true, enumerable: true},
key4: {value: "value4", writable: true, configurable: true, enumerable: true}
});
它当然不是一行程序，但它给了您更多的控制。如果您对属性描述符感兴趣，我建议阅读这篇文章:http://patrickdelancy.com/2012/09/property-descriptors-in-javascript/#comment-2062 和MDN页面https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/create
你也可以只分配值，省略描述符，让它更短:
var secondObject = Object.create(firstObject, {
key3: {value: "value3"}
key4: {value: "value4"}
});
兼容性:ECMAScript 5，即IE9+
