js 浅拷贝与深拷贝和方法_js 拷贝只拷贝有key的到目标-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_32294071/article/details/108263960

本文详细解析了浅拷贝与深拷贝的概念，浅拷贝仅复制对象的引用，导致新旧对象共享同一内存；而深拷贝则完全复制对象，确保新旧对象独立。文章通过具体示例，如'='赋值、Object.assign()和JSON序列化等，对比了两种拷贝方式的不同。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。

浅拷贝是创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型（undefined，boolean，number，string，null），拷贝的就是基本类型的值，如果属性是引用类型（object），拷贝的就是内存地址，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。

1.‘=’赋值。
2.Object.assign()

深拷贝是将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新的区域存放新对象,且修改新对象不会影响原对象。

1.JSON序列化

arr = JSON.parse(JSON.stringify(arr))

2.深层递归

function  deepClone (obj){
    let t =  new obj.constructor
    if(obj instanceof Date) return new Date(obj);
    if(obj instanceof RegExp) return new RegExp(obj);
    if(typeof obj !== "object") return obj;
    for(let key in obj){
        t[key] = deepClone(obj[key]);
    }
    return t;
}

var tt = {
  a:1
}

var tt2 = deepClone(tt)
tt2.a = 3

console.log(tt.a) //1
console.log(tt2.a) //3