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; }