网站内部建设和程序,深圳高端网站设计建设,北京网站开发最专业的公司,网站开发本科论文实现方式1#xff08;JSON.stringfy#xff09;
JSON.parse(JSON.stringify(obj))是目前比较常用的深拷贝方法之一#xff0c;它的原理就是利用JSON.stringify 将js对象序列化#xff08;JSON字符串#xff09;#xff0c;再使用JSON.parse来反序列化(还原)js对象。这个…实现方式1JSON.stringfy
JSON.parse(JSON.stringify(obj))是目前比较常用的深拷贝方法之一它的原理就是利用JSON.stringify 将js对象序列化JSON字符串再使用JSON.parse来反序列化(还原)js对象。这个方法可以简单粗暴的实现深拷贝但是还存在问题拷贝的对象中如果有函数undefinedsymbol当使用过JSON.stringify()进行处理之后都会消失。 let obj1 { a: 0,b: {c: 0}};
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: {c: 0}} 实现方式2(函数库lodash的_.cloneDeep方法)
该函数库也有提供_.cloneDeep用来做 Deep Copy
var _ require(lodash);
var obj1 {a: 1,b: { f: { g: 1 } },c: [1, 2, 3]
};
var obj2 _.cloneDeep(obj1);
console.log(obj1.b.f obj2.b.f);// false
实现方式3(手写)
实现步骤 1.如果复制的对象非对象或为空直接返回 2.数组和对象分类初始化 3.对键进行递归拷贝
function deepClone(object){if(!object || typeof object ! object) return ;const newObject Array.isArray(object) ? []:{}for(let key in object){//若是对象本身具有的属性if(object.hasOwnProperty(key)){newObject[key] typeof object[key] object ? deepClone(object[key]) : object[key]}}return newObject;
}
