javascript最新深度克隆对象方法

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>
原文地址:https://www.cnblogs.com/allenxing/p/3296051.html