我一直在閱讀關於克隆和每個人似乎都在使用一些複雜的代碼。我想我可能做錯了，但它似乎正在工作，並且在更改「克隆」對象屬性的值時，我的主對象不會更改。我是克隆/複製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