浅拷贝
首先是代码：
var obj={
name:'张三',
age:20,
sex:'man',
friend:{
name:'李四'
}
}
function objCopy(obj){ //参数是你要需要拷贝的对象
var newObj={}; // 创建一个空对象，用来放拷贝过来的数据
for(key in obj){
newObj[key]=obj[key] //obj的数据复制给空对象
}
return newObj; //返回新对象
}
var obj3=objCopy(obj)
console.log(obj3)
控制台中，obj和obj3的内容完全一致，你一定会觉得这样就OK了?
控制台输入obj.age=50，然后在看一下obj3.age，还是20。
控制台再输入obj.friend.name= '哈哈',然后在看一下obj3.friend.name,也变成了'哈哈'。
这就是对象的浅拷贝。
为什么会出现这种情况？
obj.name、obj.age、obj.sex都是基本类型，直接保存在栈内存。
for循环到friend时候，因为friend是引用类型，所以在赋值给newObj时，是把friend存放数据的地址给了newObj,也就是说两个对象共用friend。
深拷贝
那这不是我拷贝的初衷，我需要的是不会受到拷贝目标影响的一个完全独立的对象。怎么解决？———递归
思路：
判断key值是基本类型还是引用类型。如果是基本类型，直接赋值。引用类型，运用递归再次运行objCopy函数本身，开辟新空间进行复制。
代码
var obj={
name:'张三',
age:20,
sex:'man',
friend:{
name:'李四'
}
}
function objCopy(obj){
var newObj={};
for(key in obj){
if(obj.hasOwnProperty(key)){ //判断obj是否有prototype属性
if(typeof obj[key]==='number' || //判断key的数据类型
typeof obj[key]==='string' ||
typeof obj[key]==='boolean' ||
obj[key]===undefind ||
obj[key]===null){
newObj[key]=obj[key] //基本类型直接赋值
}else{
newObj[key]=objCopy(obj[key]) //引用类型——递归
}
}
return newObj;
}
var obj3=objCopy(obj);
console.log(obj3)
JSON方法实现深拷贝
JSON.parse():将字符串格式转化成对象格式
JSON.stringify():将对象格式转化成字符串格式
var obj={
name:'张三',
age:20,
sex:'man',
friend:{
name:'李四'
}
}
function copy(obj){
var newObj=JSON.parse(JSON.stringify(obj))
return newObj
}
var obj3=copu(obj)
console.log(obj3)
