blocks|key|1097952|text|这就是我所做的，它就像一个护身符|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1097953|if+(typeof+JSON.clone+!==+"function")+{
++++JSON.clone+=+function(obj)+{
++++++++return+JSON.parse(JSON.stringify(obj));
++++};
}|code-block|syntax|javascript|1097954|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|$]]

This is what I do and it works like a charm

<pre><code>if (typeof JSON.clone !== "function") {
 JSON.clone = function(obj) {
 return JSON.parse(JSON.stringify(obj));
 };
}
</code></pre>

blocks|key|1097966|text|只管去做|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1097967|var+x+=+{}+//some+json+object+here
var+y+=+JSON.parse(JSON.stringify(x));+//new+json+object+here|code-block|syntax|javascript|1097968|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|$]]

Just do 

<pre><code>var x = {} //some json object here
var y = JSON.parse(JSON.stringify(x)); //new json object here
</code></pre>

blocks|key|1097997|text|从ES6开始。Object.assign是一种很好的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1097998|newjsonobj+=+Object.assign({},+jsonobj,+{})|code-block|syntax|javascript|1097999|第一个参数中的项改变了现有对象，第三个参数是返回的新对象中的更改。|1098000|在ES7中，建议使用扩展算子。|1098001|newjsonobj+=+{...jsonobj}|1098002|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

As of ES6. Object.assign is a good way to do this.

<pre><code>newjsonobj = Object.assign({}, jsonobj, {})
</code></pre>

The items in the first argument mutate the existing object, and the third argument are changes in the new object returned.

In ES7 it is proposed that the spread operator be used.

<pre><code>newjsonobj = {...jsonobj}
</code></pre>

blocks|key|883227|text|我们可以像下面这样克隆JSON对象。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|883228|EmployeeDetails+=+
{
++Name:"John+Deer",
++Age:29,
++Company:"ABC+Limited."

}|code-block|syntax|javascript|883229|现在创建一个克隆函数|883230|function+clonning(Employee)
{
++//+conversion+from+Object+to+String
++var+EmployeeString+=+JSON.stringify(Employee);

++//+conversion+from+String+to+Object+type

++var+EmployeeConvertedObject+=+JSON.parse(EmployeeString);

++//+printing+before+changing+prperty+value.

++console.log(EmployeeConvertedObject);

++//+modifying+EmployeeConvertedObject+property+value+

++EmployeeConvertedObject.Name="Kelvin+Bob";

+++//+printing+After+changing+prperty+value.

++console.log(EmployeeConvertedObject);

++//+Now+printing+original+json+object.

++console.log(Employee);

++//+Here+original+JSON+object+is+not+affecting.+Only+Cloned+object+affecting.


}|883231|现在调用函数。|883232|clonning(EmployeeDetails);|883233|结果：|883234|clonning(EmployeeDetails)
VM212:22+{Name:+"John+Deer",+Age:+29,+Company:+"ABC+Limited."}
VM212:30+{Name:+"Kelvin+Bob",+Age:+29,+Company:+"ABC+Limited."}
VM212:34+{Name:+"John+Deer",+Age:+29,+Company:+"ABC+Limited."}|883235|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|Y|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|10|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

We can clone JSON object as below.

<pre><code>EmployeeDetails = 
{
 Name:"John Deer",
 Age:29,
 Company:"ABC Limited."

}
</code></pre>

Now create one clone function

<pre><code>function clonning(Employee)
{
 // conversion from Object to String
 var EmployeeString = JSON.stringify(Employee);

 // conversion from String to Object type

 var EmployeeConvertedObject = JSON.parse(EmployeeString);

 // printing before changing prperty value.

 console.log(EmployeeConvertedObject);

 // modifying EmployeeConvertedObject property value 

 EmployeeConvertedObject.Name="Kelvin Bob";

 // printing After changing prperty value.

 console.log(EmployeeConvertedObject);

 // Now printing original json object.

 console.log(Employee);

 // Here original JSON object is not affecting. Only Cloned object affecting.


}
</code></pre>

Now Call function.

<pre><code>clonning(EmployeeDetails);
</code></pre>

Result:

<pre><code>clonning(EmployeeDetails)
VM212:22 {Name: "John Deer", Age: 29, Company: "ABC Limited."}
VM212:30 {Name: "Kelvin Bob", Age: 29, Company: "ABC Limited."}
VM212:34 {Name: "John Deer", Age: 29, Company: "ABC Limited."}
</code></pre>

blocks|key|883213|text|让我们假设，我们有一个JSONOBJECT+EmailData，其中包含一些数据。现在，如果您想在另一个对象中使用相同的数据(即克隆数据)，那么您可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|883214|JSONOBJECT+clone_EmailData=new+JSONOBJECT(EmailData.toString());|code-block|syntax|javascript|883215|上面的语句将为您提供一个具有相同数据的新对象，并且新对象不是对EmailData对象的引用。|883216|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|$]]

Let's suppose,
We have a JSONOBJECT EmailData which have some Data in it. Now if you want the same data in another object (i.e clone the data) then you can do something like this:

<pre><code>JSONOBJECT clone_EmailData=new JSONOBJECT(EmailData.toString());
</code></pre>

The above statement will give you a new object with the same data and the new object is not a reference to the EmailData object.

blocks|key|883284|text|可以使用扩展操作符创建对象的副本。对于对象，使用语法{…objectToCopy}，对于数组，语法为[…arrayToCopy]。注意:您不能对基本体使用扩展运算符，这也是ES6的一项功能。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|883285|var+aa+=+{+n+:+1+}
var+bb+=+{+...aa+}+//+bb+is+a+copy+of+aa+by+val+not+by+ref,+changing+bb+will+not+affect+aa,+and+changing+aa+will+not+affect+bb|code-block|syntax|javascript|883286|entityMap^0|Q|F|1E|E|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

You can use the spread operator to make a copy of an object. For objects, you use the syntax <code>{…objectToCopy}</code>, for arrays the syntax is <code>[…arrayToCopy]</code>. Note: You cannot use the spread operator for primitives, and this is also an ES6 feature.
<pre><code>var aa = { n : 1 }
var bb = { ...aa } // bb is a copy of aa by val not by ref, changing bb will not affect aa, and changing aa will not affect bb
</code></pre>

问如何创建和克隆JSON对象？
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何创建和克隆JSON对象？EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何创建和克隆JSON对象？
EN