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>