深拷贝与浅拷贝
浅拷贝
创建一个新对象,拷贝所有的值到新对象中,若数据是基本数据类型(Number,string,boolean,null,undefined,symbol)则拷贝的是属性值,若是对象等时则拷贝的是地址。可使用的方法是Object.assign和es6的…展开符。
深拷贝
深拷贝则是会创建一个一模一样的对象且不共享内存。
JSON.parse(JSON.stringify(object))
通常使用这个方法可以解决大部分问题但是会忽略undefined,symbol,不能
序列化函数,不能解决循环引用的对象
使用递归函数进行深拷贝
function deepCopy(newobj, oldobj) {
for (var k in oldobj) {
// 判断我们的属性值属于那种数据类型
// 1. 获取属性值 oldobj[k]
var item = oldobj[k]; //
// 2. 判断这个值是否是数组
if (Object.prototype.toString.call(item) === '[object Array]') {
newobj[k] = [];
deepCopy(newobj[k], item)
} else if (item instanceof Object) {
// 3. 判断这个值是否是对象
newobj[k] = {};
deepCopy(newobj[k], item)
} else {
// 4. 属于简单数据类型
newobj[k] = item;
}
}
}
在使用递归函数进行深拷贝的时候关键一步是判断拷贝的值是什么类型。
lodash
还可以使用第三方库lodash。(https://www.lodashjs.com)