jquery.extend (true, [], obj) non crea una copia profonda

Question

jsFiddle here.

Se la copia profonda ha funzionato, l'output sarebbe "Curious George" e non "Ender's Game". Come posso fare una copia profonda? Una risposta a this question indica che $.extend(true, [], obj) crea una copia profonda. Eppure il mio esempio mostra che non è così.

function Person(){} 
Person.prototype.favorite_books = []; 

var george = new Person(); 
george.favorite_books = ["Curious George"]; 

var kate = new Person(); 
kate.favorite_books = ["The Da Vinci Code", "Harry Potter"]; 

var people = [kate, george]; 

var people_copy = $.extend(true, [], people); 
people_copy[0].favorite_books[0] = "Ender's Game"; 

$('#text').text(people[0].favorite_books[0]); 

SOLUZIONE

ho aggiornato il jsFiddle. Risulta che è necessario copiare in profondità ogni oggetto nell'array singolarmente se l'oggetto è un oggetto personalizzato (ovvero, $.isPlainObject restituisce false).

Answer 1

Ed ora ecco la risposta vera:

Al momento jQuery può solo clone semplici oggetti JavaScript, mentre stai utilizzando quelli personalizzati. Ed è ovvio, dal momento che jQuery non può sapere esattamente come istanziare un nuovo oggetto personalizzato. Quindi, questo funziona come previsto:

var george = {}; 
george.favorite_books = ["Curious George"]; 

var kate = {}; 
kate.favorite_books = ["The Da Vinci Code", "Harry Potter"]; 

var people = [kate, george]; 

var people_copy = $.extend(true, [], people); 

console.log(people_copy[0].favorite_books == people[0].favorite_books); 

riferimento ad un codice jQuery: https://github.com/jquery/jquery/blob/master/src/core.js#L305

vedere che controlla se è jQuery.isPlainObject(copy) o è un array. Altrimenti esegue solo una copia di riferimento.

Answer 2

Interessante ... non sembra un array di copie profonde.

È necessario copiare in profondità ciascun oggetto singolarmente.

var people_copy = []; 
$.each(people,function(i,obj) { 
    people_copy.push($.extend(true,{},obj)); 
}); 

EDIT: Certo, guardare a questo fork di fiddle del PO:

http://jsfiddle.net/s2bLv/4/

Answer 3

Ecco come ho fatto dopo aver provato molti approcci:

var newArray = JSON.parse(JSON.stringify(orgArray)); 

Questo creerà una nuova copia profonda, non una copia.

Anche questo ovviamente non clonerà eventi e funzioni, ma la cosa buona è che puoi farlo in una riga, e può essere usato per qualsiasi re dell'oggetto (matrici, stringhe, numeri, oggetti, ecc.).