常用的深拷贝方法有:
- 数组深拷贝:Array.concat()
- 对象深拷贝:Object.assign()
- JSON.parse(JSON.stringify(obj))
前两个深拷贝方法只有一级数组和对象可以正常使用,但是多级不行,例如:
//因为数组和对象是引用类型,拷贝后的数据和元数据的children其实还是同一个数组,复制的是指向存储在内存堆中的数据的指针。
[
{
type:'seller',
children:[
{
name:'Tom',
age:20,
sex:'男',
children:[......]
},
......
]
},
......
]
JSON.parse(JSON.stringify(obj))还是挺好使的,但是还是会有一些坑
- 如果对象身上有属性值为时间对象的时候,会将时间对象改成以字符串形式显示
- 如果对象身上有属性值为function、undefined的时候,拷贝出来的对象会没有这两个属性
为了避免入坑,还是手写一个深拷贝方法,解决上面的问题,原理挺简单的
// 判断数据类型
function getDataType (data) {
return Object.prototype.toString.call(data).slice(8, -1);
}
// 数据拷贝
const deepClone = function (data) {
if (data === null || data === undefined) {
return undefined;
}
const dataType = getDataType(data);
if (dataType === "Date") {
let clonedDate = new Date();
clonedDate.setTime(data.getTime());
return clonedDate;
}
if (dataType === "Object") {
let copiedObject = {};
for (let key in data) {
copiedObject[key] = deepClone(data[key]);
}
return copiedObject;
}
if (dataType === "Array") {
let copiedArray = [];
for (var i = 0; i < data.length; i++) {
copiedArray.push(deepClone(data[i]));
}
return copiedArray;
}
else {
return data;
}
}
module.exports = deepClone;
如有不对的地方烦请指正!