jquery.extend (true, [], obj), не создавая глубокую копию

Question

jsFiddle here.

Если сработало глубокое копирование, выход будет «Любопытный Джордж», а не «Игра Эндера». Как я могу сделать глубокую копию? Ответ на this question указывает, что $.extend(true, [], obj) создает глубокую копию. Однако мой пример показывает, что это не так.

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]); 

РЕШЕНИЕ

Я обновил jsFiddle. Оказывается, мне нужно глубоко скопировать каждый объект в массиве отдельно , если объект является настраиваемым объектом (то есть $.isPlainObject возвращает false).

Answer 1

А теперь вот реальный ответ:

На данный момент JQuery может только клон простые объекты JavaScript, в то время как вы используете пользовательские. И это очевидно, так как jQuery не может знать, как точно создать новый пользовательский объект. Так что это работает, как ожидалось:

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); 

Ссылка на код JQuery: https://github.com/jquery/jquery/blob/master/src/core.js#L305

Смотрите, что он проверяет, является ли это jQuery.isPlainObject(copy) или это массив. В противном случае он выполняет только ссылочную копию.

Answer 2

Интересно .... это не похоже на массивы глубоких копий.

Вы должны глубоко копировать каждый объект по отдельности.

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

EDIT: Конечно, смотреть на эту развилку скрипку в ФП в:

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

Answer 3

Это, как я сделал это после попытки многих подходов:

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

Это создаст новую глубокую копию, а не мелкая копии.

Также это, очевидно, не будет клонировать события и функции, но хорошо, что вы можете сделать это в одной строке, и его можно использовать для любого короля объекта (массивы, строки, числа, объекты и т. Д.).