面试:JavaScript中的深拷贝和浅拷贝,以及深拷贝的实现
从字面意思可以看出,浅拷贝的拷贝程度远远不足深拷贝,
浅拷贝:只拷贝对象的引用,不拷贝对象在内存中的地址(修改变量不会改变原对象)只是一个赋予值得作用
深拷贝:与拷贝对象指向同一个堆内存(修改数据原对象会一起发生改变),是一个共用地址得作用。
如何实现深拷贝
1、JSON.stringify()、JSON.parse()
这两种方法可以实现基本的深拷贝功能,但是对于一些undefined,function,RegExp等类型的数据操作时,并不会造成深拷贝的影响。因此这两种方法不建议使用
2、利用递归进行深拷贝(兼容性最好)
var deepCopy = function(obj) {
//先判断传入的类型是否为object,如果是进行下一步
if (typeof obj !== 'object') return;
//如果是object,再进一步判断是数组还是对象,并进行声明
var newObj = obj instanceof Array ? [] : {};
//对这个object进行循环,并判断obj对象自身是否具有指定名称的属性(不包括原型链)
for (var k in obj) {
if (obj.hasOwnProperty(key)) {
//判断对象中的每一项是否是object类型,如果是,进行递归,如果不是,直接赋值到新对象
newObj[k] = typeof obj[k] === 'object' ? deepCopy(obj[k]) : obj[k];
}
}
//返回新对象
return newObj;
}
唯一的缺点就是会影响一点性能
如果对您有帮助帮忙点亮吧,欢迎大家指出不足,kukudehu!