深浅拷贝

深拷贝和浅拷贝是针对复杂数据类型来说的,浅拷贝只拷贝一层,而深拷贝是层层拷贝

浅拷贝

浅拷贝是会将对象的每个属性进行依次复制,但是当对象的属性值是引用类型时,实质复制的是其引用,当引用指向的值改变时也会跟着变化

深拷贝

深拷贝复制变量值,对于非基本类型的变量,则递归至基本类型变量后,再复制。 深拷贝后的对象与原来的对象是完全隔离的,互不影响,对一个对象的修改并不会影响另一个对象

实现

1. JSON.parse(JSON.stringify(obj))

  • 对象的属性值是函数时,无法拷贝。

  • 原型链上的属性无法拷贝

  • 不能正确的处理 Date 类型的数据

  • 不能处理 RegExp

  • 会忽略 symbol

  • 会忽略 undefined

2. 代码实现

  • 如果是基本数据类型,直接返回

  • 如果是 RegExp 或者 Date 类型,返回对应类型

  • 如果是复杂数据类型,递归

  • 考虑循环引用的问题

function copy(obj, hash = new WeakMap()) {
    if (obj instanceof RegExp) return new RegExp(obj);
    if (obj instanceof Date) return new Date(obj);
    if (obj === null || typeof obj !== 'object') return obj;

    // 循环引用
    if (hash.has(obj)) {
        return hash.get(obj);
    }

    // 获取到 {} || []
    let t = new obj.constructor();
    hash.set(obj, t);

    // 遍历递归
    for (let key in obj) {
        if (obj.hasOwnProperty(key)) {
            t[key] = copy(obj[key], hash);
        }
    }

    return t;
}

Last updated