javascript最新深度克隆对象方法-优快云博客

本文详细介绍了JavaScript中最新深度克隆对象的方法，通过实例展示了如何实现深度克隆，并解释了不同情况下的克隆策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascript最新深度克隆对象方法

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <script type="text/javascript">
 6 window.onload = function(){
 7 　　var arr = [{"a":"a"},{"b":"b"}];
 8 　　var clone = cloneObj(arr);
 9 　　clone.a = "b";
10 　　console.log(clone);
11 　　console.log(arr);
12 }
13 function cloneObj(obj){
14 
15 　　//obj 可能为[{a:"a"},{b:"b"}]和｛c:"c"｝
16 　　var newObj = obj.constructor == Array ?[]:{};
17 
18 　　//如果JSON对象存在，则可以使用其方法JSON.stringify() 和JSON.parse()
19 　　if(typeof JSON == "object"){
20 　　　　var str = JSON.stringify(obj);
21 　　　　newObj = JSON.parse(str);
22 　　　　}else{
23 
24 　　　　　　//如果JSON对象不存在，则需要递归实现克隆对象
25 　　　　　　for(var i in obj){
26 　　　　　　　　if(obj.hasOwnProperty(i)){
27 
28 　　　　　　　　//arguments.callee() 和cloneObj()其实是一样的，arguments.callee()代码扩展性好
29 　　　　　　　　newObj[i] = typeof obj[i] == "object" ?arguments.callee(obj[i]):obj[i];
30 　　　　　　　　}
31 　　　　　　}
32 　　}
33 　　return newObj;
34 }
35 </script>
36 </head>
37 
38 <body>
39 </body>
40 </html>