blocks|key|1771810|text|这对我使用jQuery+"parseJSON()“和"JSON.stringify()”克隆对象效果更好。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1771811|$.ajax({
++url:+'ajax/test.html',
++dataType:+'json',
++success:+function(data)+{
++++var+objY+=+$.parseJSON(JSON.stringify(data));
++++var+objX+=+$.parseJSON(JSON.stringify(data));
++}
});|code-block|syntax|javascript|1771812|在objX和objY中克隆数据对象是两个不同的对象，你不必纠结于“按引用”的问题|1771813|谢谢！|1771814|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>This worked better for me cloning an object using jQuery "parseJSON()" and "JSON.stringify()"</p>

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

<p>Cloning data object in objX &amp; objY are two different object, you do no have to mess up with the "by reference" problem</p>

<p>Gracias!</p>


blocks|key|1985564|text|这就是我多次复制元素的方式：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1985565|首先，我有一个模板：|1985566|<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>|code-block|syntax|javascript|1985567|现在，JavaScript：|1985568|function+add_another(){
++++jQuery(".form-template").clone().appendTo(".forms-container");
}|1985569|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>This is how I copy elements several times:</p>

<p>First I have a template:</p>

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

<p>Now, the JavaScript:</p>

<pre><code>function add_another(){
    jQuery(".form-template").clone().appendTo(".forms-container");
}
</code></pre>


blocks|key|1985739|text|克隆对象的另一种方法是|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1985740|newObj+=+JSON.parse(JSON.stringify(oldObj));|code-block|syntax|javascript|1985741|但是，如果它包含日期，则要小心。在这种情况下，JSON.parse将返回date.toString()而不是date。|1985742|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Another way to clone object is</p>

<pre><code>newObj = JSON.parse(JSON.stringify(oldObj));
</code></pre>

<p>But be careful if it's contains dates. JSON.parse will return date.toString() instead of date in that case.</p>


blocks|key|1985851|text|如果需要保留初始对象，但需要用新选项覆盖数据，则可以将多个对象传递给$.extend+(jQuery)，第一个选项为true：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1985852|var+opts_default+=+{opt1:+true,+opt2:+false};
var+opts_new+=+{opt1:+false};
var+opts_final+=+$.extend(true,+{},+opts_default,+opts_new);|code-block|syntax|javascript|1985853|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>If you need to keep you initial object but need to override your data with your new options, you can pass multiple objects to $.extend (jQuery) with true on first option:</p>
<pre><code>var opts_default = {opt1: true, opt2: false};
var opts_new = {opt1: false};
var opts_final = $.extend(true, {}, opts_default, opts_new);
</code></pre>


<p>The below first logs <code>0</code>, and then logs <code>1</code>. How do I store a <em>copy</em> of the object, rather than a <em>reference</em> to it?</p>
<pre><code>debug.log(vi.details.segment);
vi.nextSegment = vi.details;
vi.nextSegment.segment++;
debug.log(vi.details.segment);
</code></pre>


Cloning an object in JavaScript

jQuery

JSON

下面首先记录0，然后记录1。如何存储对象的副本，而不是对它的引用？debug.log(vi.details.segment);vi.nextSegment = vi.details;vi.nextSegment.segment++;debug.log(vi.details.segment);

问在JavaScript中克隆对象
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在JavaScript中克隆对象EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在JavaScript中克隆对象
EN