js/jquery 克隆对象

 jQuery 中的 extend 方法：

var o = {a: [1]};

//浅拷贝
var o1 = $.extend({}, o);
console.log(o1.a === o.a);  // true

//深拷贝
var o2 = $.extend(true, {}, o);
console.log(o2.a === o.a);  //false

 js方法：

方法一

Js代码  

1. function clone(obj){  
2.     var o;  
3.     switch(typeof obj){  
4.     case 'undefined': break;  
5.     case 'string'   : o = obj + '';break;  
6.     case 'number'   : o = obj - 0;break;  
7.     case 'boolean'  : o = obj;break;  
8.     case 'object'   :  
9.         if(obj === null){  
10.             o = null;  
11.         }else{  
12.             if(obj instanceof Array){  
13.                 o = [];  
14.                 for(var i = 0, len = obj.length; i < len; i++){  
15.                     o.push(clone(obj[i]));  
16.                 }  
17.             }else{  
18.                 o = {};  
19.                 for(var k in obj){  
20.                     o[k] = clone(obj[k]);  
21.                 }  
22.             }  
23.         }  
24.         break;  
25.     default:          
26.         o = obj;break;  
27.     }  
28.     return o;     
29. }  

 

方法二

Js代码  

1. function clone2(obj){  
2.     var o, obj;  
3.     if (obj.constructor == Object){  
4.         o = new obj.constructor();   
5.     }else{  
6.         o = new obj.constructor(obj.valueOf());   
7.     }  
8.     for(var key in obj){  
9.         if ( o[key] != obj[key] ){   
10.             if ( typeof(obj[key]) == 'object' ){   
11.                 o[key] = clone2(obj[key]);  
12.             }else{  
13.                 o[key] = obj[key];  
14.             }  
15.         }  
16.     }  
17.     o.toString = obj.toString;  
18.     o.valueOf = obj.valueOf;  
19.     return o;  
20. }  

 

 

方法三

Js代码  

1. function clone3(obj){  
2.     function Clone(){}  
3.     Clone.prototype = obj;  
4.     var o = new Clone();  
5.     for(var a in o){  
6.         if(typeof o[a] == "object") {  
7.             o[a] = clone3(o[a]);  
8.         }  
9.     }  
10.     return o;  
11. }