谈谈深拷贝与浅拷贝

Awbeci 发布于2019-08-23 12:26 / 2258人阅读

摘要：前言关于深拷贝和浅拷贝其实是两个比较基础的概念，但是我还是想整理一下，因为里面有很多小细节还是很有意思的。那深拷贝就是两者指向不同的内存地址，是真正意义上的拷贝。谈谈是我们经常用到的方法，其实这个方法就是浅拷贝。

前言

关于深拷贝和浅拷贝其实是两个比较基础的概念，但是我还是想整理一下，因为里面有很多小细节还是很有意思的。

深拷贝和浅拷贝的区别

深拷贝和浅拷贝是大家经常听到的两个名词，两者到底有什么不同呢？

先看看什么是浅拷贝。

var obj1 = { a: 1, b: 2 };
var obj2 = obj1;
obj2.a = 3;

console.log(obj1); // { a: 3, b: 2 }
console.log(obj2); // { a: 3, b: 2 }

这是一个最简单的浅拷贝的例子，我把obj1赋值给obj2，改变了obj2中的一个属性值，obj1中的相应属性值也跟着变化了，这是为什么呢？

因为浅拷贝其实只是引用的拷贝，两者还是指向内存中的同一个地址。简而言之，就是obj1和obj2其实指向的是同一个对象。打个比方，就像一个房间把门牌号1换成了门牌号2，但是这个房间还是这个房间。

那深拷贝就是两者指向不同的内存地址，是真正意义上的拷贝。拿上面的房间举例子，就是你真的重新开了一间房，并不是只是换门牌号。

谈谈Object.assign()

Object.assign()是我们经常用到的方法，其实这个方法就是浅拷贝。但是它又有一点特殊的地方，就是可以处理第一层的深拷贝。

var obj1 = { a: 1, b: { c: 2 } };
var obj2 = Object.assign({}, obj1);
obj2.a = 3;
obj2.b.c = 3;
console.log(obj1); // { a: 1, b: { c: 3 } }
console.log(obj2); // { a: 3, b: { c: 3 } }

看上面的例子，属性a的值并没有跟着变，但是属性b中的c的值跟着变了。

常用的实现深拷贝的方式 JSON

这是最常用的实现深拷贝的方式，直接看例子：

var obj1 = { a: { b: 1 } };
var obj2 = JSON.parse(JSON.stringify(obj1));

这种方法很简单而且好用，但是有一点点瑕疵，它会抛弃对象的constructor。也就是深拷贝之后，不管这个对象原来的构造函数是什么，在深拷贝之后都会变成Object。

而且这种方法能正确处理的对象只有 Number, String, Boolean, Array，即那些能够被JSON直接表示的数据结构。RegExp对象或者function是无法通过这种方式深拷贝。

lodash

这是我个人目前使用的方法，只需要一行var obj2 = _.cloneDeep(obj1)就能实现。而且lodash是一个功能很强大的库，提供的方法可靠又简单，真的是懒人必备，点击这里去了解它吧！

GPU云服务器云服务器深拷贝和浅拷贝深拷贝 javascript深拷贝后拷贝预拷贝

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98510.html

面试篇---1 如何区分深拷贝与浅拷贝

摘要：引用数据类型名存在栈内存中，值存在于堆内存中，但是栈内存会提供一个引用的地址指向堆内存中的值，我们以上面浅拷贝的例子画个图当进行拷贝时，其实复制的是的引用地址，而并非堆里面的值。如何区分深拷贝与浅拷贝？简单来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。浅拷贝例子： var a=[0,1...

jsdt 2019-08-23 15:06 评论0 收藏0
JS中的深拷贝与浅拷贝

摘要：中的深拷贝与浅拷贝说到深浅拷贝的时候就不得不说一下中的变量类型了基本类型按值存放在栈内存中的简单数据段可以直接访问引用类型存放在堆内存中的对象变量保存的是一个指向存放数据位置的指针访问引用类型的值时首先从栈中获取到存放该数据位置的指针然后再 JS中的深拷贝与浅拷贝说到深浅拷贝的时候就不得不说一下JS中的变量类型了: 基本类型: undefined、null、boolean、numb...

ARGUS 2019-08-26 12:13 评论0 收藏0
JS每日一题：深拷贝与浅拷贝的区别？如何实现一个深拷贝

摘要：期深拷贝与浅拷贝的区别如何实现一个深拷贝在回答这个问题前，我们先来回顾一下中两大数据类型基本类型引用类型基本类型基本类型就是值类型存放在栈内存中的简单数据段，数据大小确定，内存空间大小可以分配引用类型引用类型存放在堆内存中的对象，变量实际保 20190311期深拷贝与浅拷贝的区别？如何实现一个深拷贝在回答这个问题前，我们先来回顾一下ＪＳ中两大数据类型基本类型 Undefined...

MiracleWong 2019-08-26 13:37 评论0 收藏0
JS 中的深拷贝与浅拷贝

摘要：什么是深拷贝浅拷贝见名知义，无论是深拷贝还是浅拷贝，都是的问题。使用如下以上就是关于中的深拷贝与浅拷贝的知识和如何进行深拷贝的知识了，如果有错或者有其他方式的话，欢迎在下面留言评论啦前言最近在写项目的时候涉及到一些父子组件传递个对象或者数组通信啥的，或者是直接复制添加对象啥的，直接使用赋值的时候总会出错。一查原来是浅拷贝的问题，就从网上找了点资料，汇总到这里来了。 1 什么是深拷贝...

ztyzz 2019-08-23 13:41 评论0 收藏0
python 深拷贝与浅拷贝

摘要：深拷贝和浅拷贝原始对象赋值，传对象的引用对象拷贝，浅拷贝对象拷贝，深拷贝修改对象修改对象中的数组对象深拷贝和浅拷贝 import copy a = [1, 2, 3, 4, [a, b]] #原始对象 b = a #赋值，传对象的引用 c = copy.copy(a) #对象拷贝，浅拷贝 d = copy.deepcopy(a) #对象拷贝，深拷贝 a...

JeOam 2019-07-25 11:41 评论0 收藏0