jquery.extend（true，[]， obj）没有创建深度副本

Question

jsFiddle这里。

如果深度复制奏效，输出将是“好奇的乔治”，而不是“安德的游戏”。怎么做深度文案？这个问题的答案表明$.延伸（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

有趣的它看起来不像是深度复制阵列。

您必须单独深入复制每个对象。

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

编辑：当然，看看OP的小提琴叉子：

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

Answer 2

在尝试了许多方法后，我是这样做的：

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

这将创建一个新的深度副本，而不是浅层副本。

此外，这显然不会克隆事件和函数，但好的一面是您可以在一行中完成它，并且它可以用于任何对象（数组、字符串、数字、对象等）。）。

Answer 3

现在是真正的答案：

目前，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（复制）还是一个数组。否则，它只执行引用副本。