JS深浅拷贝

1. 使用for-in遍历

let target = {};
// 遍历源数据对象
for (const key in origin) {
    // 将源数据对象中的第一层数据赋值给target
    target[key] = origin[key];
}

2. 使用Object.assign方法

let target = {};
Object.assign(target, origin);

3. 扩展运算符

let target = { ...origin }

1. 使用JSON转换
   • 此方法只适用于数据中的复杂类型数据都是对象或数组的情况

let target = JSON.parse(JSON.stringify(origin));

2. 使用递归函数手写深拷贝
   • 此函数仅仅考虑数据中的复杂类型数据都是对象或数组的情况

function deepCopy(origin, target = {}) {
    // 遍历origin对象
    for (const key in origin) {
        // 判断origin[key]的值是否为对象
        if (Object.prototype.toString.call(origin[key]) !== 'object Object') {
            // 如果不是对象，直接添加到target中
            target[key] = origin[key];
        } else {
            // 如果是对象，则递归调用
            target[key] = {};
            deepCopy(origin[key], target[key]);
        }
    }
    return target;
}