> 文档中心 > JS数据操作之JS深浅拷贝详解

JS数据操作之JS深浅拷贝详解


什么是深拷贝呢?

深拷贝是指拷贝对象的具体内容,二内存地址是自主分配的,拷贝结束之后俩个对象虽然存的值是一样的,但是内存地址不一样,俩个对象页互相不影响,互不干涉

深拷贝的几种方法

1、JSON内置的方法

var a={a:1}var b = JSON.parse(JSON.stringfiy(a))b.a=2console.log(a)console.log(b)

运行结果
JS数据操作之JS深浅拷贝详解
可以看到不会改变a中的值,值改变了b中的值。
原理:该方法是用JSON.parse将对象转为字符串,然后在用JSON.stringify转回对象json字符串转换为对象的时候,会自己去构建新的内存地址存放数据。
2、Object的内置方法assign

var a={a:1}var b=Object.assign({}, a);console.log(b);   b.a = 2;console.log(a);    console.log(b); 

运行结果
在这里插入图片描述
原理:该方法是用Object.assign对对象进行拼接, 将后续对象的内容插入到第一个参数指定的对象,不会修改第一个参数之后的对象,而我们将第一个对象指定为一个匿名空对象,实现深拷贝。
深拷贝还有一种方法,是不太长常用的方法就是递归实现,过程有点复杂。有兴趣的可以自己尝试一下

什么是浅拷贝呢?

浅拷贝是指对内存地址的复制,让目标对象指针和源对象指向同一片内存空间。注意:当内存销毁的时候,只想对象的指针,必须重新定义,才能够使用

浅拷贝的方法:

var a={a:1}var b = ab.a=2console.log(a)console.log(b)

运行结果
JS数据操作之JS深浅拷贝详解
浅拷贝是一个传址,也就是把a的值赋给b的时候同时也把a的址赋给了b,当b(a)的值改变的时候,a(b)的值同时也会改变。