javascript中clone对象详解
开发中,打断对象间的引用关系,只想下个副本的情况无处不在,clone一个对象就在所难免了。
JavaScript中,简单的方法就是用JSON函数,将对象stringify成字符串,再parse成一个新对象。要么就是从网上搜个代码,开源社区里面clone的代码还是有不少的。
代码虽然可以找得到,但,东西永远是别人的,动手学着码永远是个不变的主题。
自己写了两个克隆的函数:
cloneOwn:克隆自定义对象的自有属性,不包括继承的属性,属性可以是基本数据类型和数组,自定义的对象,可以制定要克隆的属性名称列表。
cloneArray:克隆数组,数组内的元素可以是对象,基本类型。
//第一个参数是被克隆的对象,第二个参数是需要克隆的属性列表 functioncloneOwn(){ varobj=arguments[0]; if(typeofobj==='undefined'||obj===null) return{}; if(typeofobj!=='object') returnobj; //第二个参数是属性名称列表,就采用该列表进行刷选 //否则就克隆所有属性 varattrs=arguments[1]; varenable_spec_attr=true; if(!(attrsinstanceofArray)){ //console.log(attrs); attrs=obj; enable_spec_attr=false; } varresult={}; vari; for(iinattrs){ attr=enable_spec_attr?attrs[i]:i; //console.log(attr); if(obj.hasOwnProperty(attr)){ if(obj[attr]instanceofArray){ result[attr]=cloneArray(obj[attr]); } elseif(typeofobj[attr]==='object'){ result[attr]=cloneOwn(obj[attr]); }else{ result[attr]=obj[attr]; } } } returnresult; }
//克隆数组 functioncloneArray(array){ if(typeofarray==='undefined'||array===null) return[];
if(!(arrayinstanceofArray)) return[];
result=[];
vari; for(iinarray){ if(typeofarray[i]!=='object'){ result[i]=array[i]; continue; }
//cloneobject result[i]=cloneOwn(array[i]); }
returnresult; }