JS深浅拷贝

  • 拷贝:复制数据
  • 浅拷贝:将对象数据的第一层复制出来,更深层的数据仅仅是地址的引用
  • 深拷贝:无论多少层数据,全都要复制出来
  • 实现浅拷贝
    1. 使用for-in遍历
    let target = {};
    // 遍历源数据对象
    for (const key in origin) {
        // 将源数据对象中的第一层数据赋值给target
        target[key] = origin[key];
    }
    
    1. 使用Object.assign方法
    let target = {};
    Object.assign(target, origin);
    
    1. 扩展运算符
    let target = { ...origin }
    
  • 实现深拷贝
    1. 使用JSON转换
      • 此方法只适用于数据中的复杂类型数据都是对象或数组的情况
    let target = JSON.parse(JSON.stringify(origin));
    
    1. 使用递归函数手写深拷贝
      • 此函数仅仅考虑数据中的复杂类型数据都是对象或数组的情况
    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;
    }
    

你可能感兴趣的:(javascript,前端)