我一直在阅读关于克隆和每个人似乎都在使用一些复杂的代码。我想我可能做错了，但它似乎正在工作，并且在更改“克隆”对象属性的值时，我的主对象不会更改。我是克隆/复制javascript对象。我做对了吗？
var clonedObject ={};
//randomItem is main object, which I want to clone
for (var key in randomItem) {
if (randomItem.hasOwnProperty(key)) {
clonedObject[key] = {};
clonedObject[key] = randomItem[key];
}
};
return clonedObject;
它适合我，请告诉我，如果有什么问题吗？ 我很困惑，因为与其他职位相比，这似乎太容易了（其中一些人是7岁）。感谢
下面是一个简单的例子，你可以看到你的代码嵌套对象的行为相比，真正的深克隆：
var x = {a:{a:1}};
function update() {
document.getElementById('x').textContent = JSON.stringify(x);
document.getElementById('y').textContent = JSON.stringify(y);
document.getElementById('z').textContent = JSON.stringify(z);
}
// This is your code
function yourClone (randomItem) {
var clonedObject ={};
for (var key in randomItem) {
if (randomItem.hasOwnProperty(key)) {
clonedObject[key] = {};
clonedObject[key] = randomItem[key];
}
};
return clonedObject;
}
// This is a real deep clone taken from http://stackoverflow.com/questions/728360/most-elegant-way-to-clone-a-javascript-object
function deepClone (obj) {
var copy;
// Handle the 3 simple types, and null or undefined
if (null == obj || "object" != typeof obj) return obj;
// Handle Date
if (obj instanceof Date) {
copy = new Date();
copy.setTime(obj.getTime());
return copy;
}
// Handle Array
if (obj instanceof Array) {
copy = [];
for (var i = 0, len = obj.length; i < len; i++) {
copy[i] = deepClone(obj[i]);
}
return copy;
}
// Handle Object
if (obj instanceof Object) {
copy = {};
for (var attr in obj) {
if (obj.hasOwnProperty(attr)) copy[attr] = deepClone(obj[attr]);
}
return copy;
}
throw new Error("Unable to copy obj! Its type isn't supported.");
}
function inc() {
x.a.a++;
update();
}<body onload="y=yourClone(x);z=deepClone(x);update()">
x: <span id="x"></span><br/>
y: <span id="y"></span> <- your clone from 'x'<br/>
z: <span id="z"></span> <- real deep clone from 'x'<br/><br/>
<button id="inc" onclick="inc()">Increment nested element in x</button>
</body>当你复制一些变量的值插入到另一根据数据类型的不同，您将复制该值本身（数字和文本）或者只是对数据（日期，数组和对象）的引用。处理引用时，您需要递归地进入下一个级别，并将所有值复制到新对象中以创建新实例。
// Shallow copy
var newObject = jQuery.extend({}, oldObject);
// Deep copy
var newObject = jQuery.extend(true, {}, oldObject);
What is the most efficient way to deep clone an object in JavaScript?
中的NodeJS我使用下划线模块 让newObj = _.clone（oldObj）;
你总是可以只是做：'VAR克隆= JSON.parse（JSON.stringify（originalObj））' – tymeJV
是它能够做到这一点，为什么ü困惑正确的方式？ –
@tymeJV - 只有当这些值都是原始的。它会打破你把复杂的物体放在那里的时刻。 – Quentin