浅拷贝和深拷贝
浅拷贝
浅拷贝 拷贝一层 如B拷贝A A变 B也变
方法1:Object.assign()
var obj = {
id: 1,
age: 20,
msg: {
name: 'zs'
}
};
var o1 = {};
// 浅拷贝 语法糖 Object.assign
Object.assign(o1, obj);
console.log(o1); // Object
console.log(o1.name); //undefined
console.log(o1.msg.name); // zs
方法2: for in
// 浅拷贝 for in
var o2 = {};
for ( var k in obj) {
// console.log(k); k 属性名 id age msg
o2[k] = obj[k];
}
console.log(o2); // Object
console.log(o2.name); // undefined
console.log(o2.msg.name); // zs
方法3: 等号赋值
var o3 = obj;
console.log(o3); // Objet
console.log(o3.name); // undefined
console.log(o3.msg.name); // zs
深拷贝
深拷贝 拷贝多层 B拷贝A A变 B不变
方法1: 递归
var s1 = {};
// 封装深拷贝 函数
function deepCopy(newObj, obj) {
for ( var k in obj) {
// 判断属性值的类型
// 获取属性值 obj[k]
var item = obj[k]
// 判断值是否属于数组
if(item instanceof Array) {
newObj[k] = [];
deepCopy(newObj[k], item);
}else if(item instanceof Object) {
// 判断值 是否是对象
newObj[k] = [];
deepCopy(newObj[k], item);
}else{
// 这个值 是简单数据类型
newObj[k] = item;
}
}
}
deepCopy(s1, obj);
console.log(s1); // Objet
console.log(s1.id); // 1
console.log(s1.name); // undefined
console.log(s1.msg.name); // zs
obj.age = 21;
console.log(obj.age); // 21
console.log(s1.age); // 20
obj.msg.name = 'ls';
console.log(obj.msg.name); // ls
console.log(s1.msg.name); //zs
方法2: JSON方法 JSON.stringify() 和JSON.parse()
// 深拷贝 JSON方法
function deepCopy(obj) {
// 利用JSON.stringify()方法将对象转化为JSON字符串形式
let temp = JSON.stringify(obj);
// 利用JSON.parse()方法将转化来的JSON字符串转化为原生JS对象
let res = JSON.parse(temp);
return res;
}
let s2 = deepCopy(obj);
console.log(s2); // Object
console.log(s2.ads); // ['北京','南京']
console.log(s2.name); // undefined
console.log(s2.msg.name); // zs
obj.msg.name = 'ls';
console.log(obj.msg.name); // ls
console.log(s2.msg.name); // zs
obj.ads.push('东京');
console.log(obj.ads); // ['北京','南京','东京']
console.log(s2.ads); //['北京','南京']
**
*有错误请指出~~~~*
**