在javascript中克隆对象

Question

下面的第一个日志为0，然后是日志1.如何存储对象的副本，而不是对它的引用？

debug.log(vi.details.segment); 
vi.nextSegment = vi.details; 
vi.nextSegment.segment++; 
debug.log(vi.details.segment); 

Answer 1

为了jQuery中克隆对象：

var vi.nextSegment = jQuery.extend({}, vi.details); 

注：上面是浅拷贝：任何嵌套的对象或阵列将通过参考被复制 - 这意味着你做出vi.nextSegment.obj[prop]任何更改将反映在vi.details.obj[prop]。如果你想要一个完全新的对象，它是完全从原来分开的，你需要做一个深拷贝（通过true作为第一个参数）：

var vi.nextSegment = jQuery.extend(true, {}, vi.details); 

要更多扩展阅读起来，看here.

Answer 2

看看帖子：

按What is the most efficient way to clone a javascript objectJohn Resig's答案：

// Shallow copy 
var newObject = jQuery.extend({}, oldObject); 

// Deep copy 
var newObject = jQuery.extend(true, {}, oldObject); 

更多信息，可以在jQuery documentation.

Answer 3

找到这个工作更好地为我克隆使用jQuery “parseJSON（）” 的对象和 “JSON.stringify（）”

$.ajax({ 
    url: 'ajax/test.html', 
    dataType: 'json', 
    success: function(data) { 
    var objY = $.parseJSON(JSON.stringify(data)); 
    var objX = $.parseJSON(JSON.stringify(data)); 
    } 
}); 

克隆数据对象在objX & objY是两个不同的对象，你不必搞乱“参考”的问题

Gracias！

Answer 4

这是我的元素复制几次：

首先我有一个模板：

<div class="forms-container"> 
    <div class="form-template"> 
     First Name <input> 
     .. a lot of other data ... 
     Last Name <input> 
    <div> 
    <button onclick="add_another();">Add another!</button> 
<div> 

现在，JavaScript的：

function add_another(){ 
    jQuery(".form-template").clone().appendTo(".forms-container"); 
} 

Answer 5

另一种方式来克隆对象

newObj = JSON.parse(JSON.stringify(oldObj)); 

但要小心，如果它包含日期。在这种情况下，JSON.parse将返回date.toString（）而不是日期。

Answer 6

尝试Immutable.js：

由于jQuery主要涉及DOM Elements，它可能不是这份工作的合适工具。 Immutable.js是由Facebook创建的56 kb (minified)库。

// roughly implementing 
import Immutable from 'immutable' 
// 
const oldObj = { foo: 'bar', bar: 'baz' } 
// create a map from the oldObj and then convert it to JS Object 
const newObj = Immutable.Map(oldObj).toJS() 

这样你会有效地oldObj克隆newObj。基本上，如果您没有Map，那么我们首先需要创建一个Map。地图就像我们用来创建copies的blue-print。

参考文献：

首页 -Immutable

文档 -Immutable Docs

GitHub的 -Immutable@GitHub

好运。