深拷贝的三种实现方式
深拷贝的实现
·
拷贝完以后,数据存放的地址不同,数据完全相同。
方式1:JSON.stringify()方式
JSON.stringify()将字符串转化成json格式数据,JSON.parse()将json字符串转化成对象
对象中如果有函数,undefined,symbol,使用过JSON.stringfy()处理之后,都会消失
let obj1 = { a: 0,
b: {
c: undefined
}
};
let obj2 = JSON.parse(JSON.stringify(obj1));
obj1.a = 1;
obj1.b.c = 1;
console.log(obj1); // { a: 1, b: { c: 1 } }
console.log(obj2); // { a: 0, b: {} }
方式2:函数库lodash的_.cloneDeep方法
npm i lodash//先安装
node_modules跟下面的node.js文件在一个根目录
var _ = require('lodash');
var obj1 = {
a: 1,
b: { f: { g: 1 } },
c: [1, 2, 3]
};
var obj2 = _.cloneDeep(obj1);
console.log(obj1 === obj2);// false地址不同
方式3:手写深拷贝,defined和function都可以复制
function deepCopy(object){
if(!object || typeof object !== 'object')
return;
let newObject = Array.isArray(object) ? [] : {};
//遍历对象中的key
for(let key in object){
//判断对象中有该键值吗
if(object.hasOwnProperty(key)){
//如果键值是对象递归,如果不是,将这个这个键值存到数组中
newObject[key] =
typeof object[key] === "object" ? deepCopy(object[key]): object[key];
}
}
return newObject;
}
let obj1 ={
a:1,
b:{
c: undefined
},
sayHello(){
console.log("nihao")
}
}
let obj2 = deepCopy(obj1)
console.log(obj2)
更多推荐
已为社区贡献5条内容
所有评论(0)