Clonazione di un oggetto JavaScript?

Question

Eventuali duplicati:
How to clone js object?

Questo è un altro modo per creare un oggetto JavaScript (con oggetto la notazione letterale al posto della funzione):

user = { 
    name: "Foo", 
    email: "bar@baz.com" 
} 

Esiste un modo clonare questo oggetto o è un singleton?

Answer 1

Prova questo:

var clone = (function(){ 
    return function (obj) { Clone.prototype=obj; return new Clone() }; 
    function Clone(){} 
}()); 

Ecco cosa sta succedendo.

• Clone è un fittizio costruttore.
• Assegniamo l'oggetto che vogliamo clonare al prototipo del costruttore clone.
• Chiamiamo Clone usando 'nuovo', quindi l'oggetto costruito ha l'oggetto originale come prototipo del suo costruttore aka (non standard) __proto__.

L'oggetto clonato condividerà tutte le proprietà dell'oggetto originale senza alcuna copia di ciò che viene fatto. Se le proprietà dell'oggetto clonato vengono assegnate a nuovi valori, non interferiranno con l'oggetto originale. E non è richiesta alcuna manomissione dei built-in.

Ricordare che una proprietà dell'oggetto dell'oggetto appena creato farà riferimento allo stesso oggetto dell'omonima proprietà dell'oggetto clonato. Assegnare un nuovo valore a una proprietà del clone non interferirà con l'originale, ma assegnerà i valori alle proprietà dell'oggetto del clone.

---

Prova questa in consolle cromata o Firebug:

var user = { 
    name: "Foo", 
    email: "bar@baz.com" 
} 

var clonedUser = clone(user); 

console.dir(clonedUser); 

---

Una spiegazione dettagliata di questa tecnica di clonazione può essere trovato here.

Answer 2

La maggior parte dei framework javascript ha un buon supporto per la clonazione di oggetti.

var a= {'key':'value'}; 
var b= jQuery.extend(true, {}, a); 

Answer 3

È possibile utilizzare l'oggetto JSON (presente nei browser moderni):

var user = {name: "Foo", email: "bar@baz.com" } 
var user2 = JSON.parse(JSON.stringify(user)) 

user2.name = "Bar"; 
alert(user.name + " " + user2.name); // Foo Bar 

veda in jsfiddle.

---

EDIT

Se avete bisogno di questo nei browser meno recenti, vedere http://www.json.org/js.html.

Answer 4

mi piace usare questo:

if (typeof Object.create !== 'function') { 
    Object.create = function (o) { 
     var F = function() {}; 
     F.prototype = o; 
    return new F(); 
    }; 
} 

poi qualsiasi oggetto che voglio clonare può essere fatto come:

user = { 
    name: "Foo", 
    email: "bar@baz.com" 
}; 
var user2 = Object.create(user); 

Come mostrato in (o simili a) JavaScript le parti buone

Answer 5

Object.prototype.clone = function clone(obj) { 
          obj = obj || this; 
          var new_obj = {}; 

          for(var p in obj) { 
          if (obj.hasOwnProperty(p)) { 
           if(obj[p] !== null && typeof(obj[p]) === "object") { 
           new_obj[p] = clone(obj[p]); 
           } 
           else { 
           new_obj[p] = obj[p]; 
           } 
          } 
          } 

          return new_obj; 
         }; 


/* Example */ 
var foo = { 
    name: "Foo" 
    , email: "bar@baz.com" 
    , obj: {a:"A",b:"B"} 
}; 

var bar = foo.clone(); 
bar.name = "Bar"; 
bar.obj.b = "C"; 


// foo and bar should have a different 'name' 
// foo and bar should retain the same email 
// foo and bar should have different values for <foo/bar>['obj']['b'] 
// foo and bar should have the same values for <foo/bar>['obj']['a'] 
console.dir(foo); 
console.dir(bar);