深度克隆:

//深度克隆
function deepClone(obj){
var result,oClass=isClass(obj);
//确定result的类型
if(oClass===“Object”){
result={};
}else if(oClass===“Array”){
result=[];
}else{
return obj;
}
for(key in obj){
var copy=obj[key];
if(isClass(copy)“Object”){
result[key]=arguments.callee(copy);//递归调用
}else if(isClass(copy)
“Array”){
result[key]=arguments.callee(copy);
}else{
result[key]=obj[key];
}
}
return result;
}
//返回传递给他的任意对象的类
function isClass(o){
if(o=null) return “Null”;
if(o
=undefined) return “Undefined”;
return Object.prototype.toString.call(o).slice(8,-1);
}
var oPerson={
oName:“rookiebob”,
oAge:“18”,
oAddress:{
province:“beijing”
},
ofavorite:[
“swimming”,
{reading:“history book”}
],
skill:function(){
console.log(“bob is coding”);
}
};
//深度克隆一个对象
//第一种方法、通过递归解析解决
var china = {
nation : ‘中国’,
birthplaces:[‘北京’,‘上海’,‘广州’],
skincolr :‘yellow’,
friends:[‘sk’,‘ls’]
}
//深复制,要想达到深复制就需要用递归
function deepCopy(o,c){
var c = c || {}
for(var i in o){
if(typeof o[i] === ‘object’){
//要考虑深复制问题了
if(o[i].constructor === Array){
//这是数组
c[i] =[]
}else{
//这是对象
c[i] = {}
}
deepCopy(o[i],c[i])
}else{
c[i] = o[i]
}
}
return c
}
var result = {name:‘result’}
result = deepCopy(china,result)
console.dir(result)

// 第二种方法:通过JSON解析解决
var test ={
name:{
xing:{
first:‘张’,
second:‘李’
},
ming:‘老头’
},
age :40,
friend :[‘隔壁老王’,‘宋经纪’,‘同事’]
}
var result = JSON.parse(JSON.stringify(test))
result.age = 30
result.name.xing.first = ‘往’
result.friend.push(‘fdagldf;ghad’)
console.dir(test)
console.dir(result)

var oNew=deepClone(oPerson);

oNew.ofavorite[1].reading=“picture”;
console.log(oNew.ofavorite[1].reading);//picture(克隆后)
console.log(oPerson.ofavorite[1].reading);//history book(克隆前)

oNew.oAddress.province=“shanghai”;
console.log(oPerson.oAddress.province);//beijing(克隆前)
console.log(oNew.oAddress.province);//shanghai(克隆后)
从上面的代码可以看到,深度克隆的对象可以完全脱离原对象,我们对新对象的任何修改都不会反映到原对象中,这样深度克隆就实现了。

这里要注意一点的就是:为什么deepClone这个函数中的result一定要判断类型?这里有一种情况,如果你的result直接是{}对象,我明明传进去的是一个数组,结果你复制完了以后,变成了一个对象了。
//深度克隆
function deepClone(obj){
var result={},oClass=isClass(obj);
// if(oClass===“Object”){
// result={};
// }else if(oClass===“Array”){
// result=[];
// }else{
// return obj;
// }
for(key in obj){
var copy=obj[key];
if(isClass(copy)“Object”){
result[key]=arguments.callee(copy);
}else if(isClass(copy)
“Array”){
result[key]=arguments.callee(copy);
}else{
result[key]=obj[key];
}
}
return result;
}
function isClass(o){
if(o=null) return “Null”;
if(o
=undefined) return “Undefined”;
return Object.prototype.toString.call(o).slice(8,-1);
}
//克隆一个数组
var arr=[“a”,“b”,“c”];
var oNew=deepClone(arr);
console.log(oNew);//Object {0: “a”, 1: “b”, 2: “c”}

猜你喜欢

转载自blog.csdn.net/qq1765911750/article/details/83146966
今日推荐