ES6: 深拷贝与浅拷贝

梦里梦外; 2021-09-18 11:54 349阅读 0赞

### 前言 ###

在Es6中扩展运算符(…)与Object.assign()中复制是浅拷贝，所谓的浅拷贝和深拷贝：浅拷贝是在在拷贝过程中，`遍历时那部分为对象/数组类型指向原来的地址`，而深拷贝，则是完全开辟新的内存地址。

### 对象的浅拷贝与深拷贝 ###

var obj = {a: 1, b: 2, c: { a: 3 },d: [4, 5]}
    var obj1 = obj
    var obj2 = JSON.parse(JSON.stringify(obj))//深拷贝常用方法
    var obj3 = {...obj}
    var obj4 = Object.assign({},obj)
    obj.a = 999
    obj.c.a = -999
    obj.d[0] = 123
    console.log(obj1) //{a: 999, b: 2, c: { a: -999 },d: [123, 5]}
    console.log(obj2) //{a: 1, b: 2, c: { a: 3 },d: [4, 5]}
    console.log(obj3) //{a: 1, b: 2, c: { a: -999 },d: [123, 5]}
    console.log(obj4) //{a: 1, b: 2, c: { a: -999 },d: [123, 5]}

### 数组的浅拷贝与深拷贝 ###

var arr = [1, 2, 3, [4, 5], {a: 6, b: 7}]
    var arr1 = JSON.parse(JSON.stringify(arr))//深拷贝常用方法
    var arr2 = arr
    var arr3 = [...arr]
    var arr4 = Object.assign([],arr)
    console.log(arr === arr1) //false
    console.log(arr === arr2) //true
    console.log(arr === arr3) //false
    console.log(arr === arr4) //false
    arr[0]= 999
    arr[3][0]= -999
    arr[4].a = 123
    console.log(arr1) //[1, 2, 3, [4, 5], {a: 6, b: 7}]
    console.log(arr2) //[999, 2, 3, [-999, 5], {a: 123, b: 7}]
    console.log(arr3) //[1, 2, 3, [-999, 5], {a: 123, b: 7}]
    console.log(arr4) //[1, 2, 3, [-999, 5], {a: 123, b: 7}]

发表评论取消回复

表情：

评论列表（有 0 条评论，349人围观）

还没有评论，来说两句吧...

相关阅读

相关浅拷贝与深拷贝

深度了解浅拷贝与深拷贝

「爱情、让人受尽委屈。」/ 2024年04月20日 04:40/ 0 赞/ 90 阅读

相关深拷贝与浅拷贝

深拷贝（Deep Copy）和浅拷贝（Shallow Copy）是关于复制对象的概念。浅拷贝只复制对象的引用，而深拷贝会复制整个对象及其内部所有的引用对象。下面是Java代码示

心已赠人/ 2024年03月23日 23:16/ 0 赞/ 92 阅读

相关深拷贝与浅拷贝

深拷贝与浅拷贝 1.类的复制 1.1 clone() 浅拷贝 2.2 BeanUtils 浅拷贝 2.3 序列化深拷贝

傷城~/ 2023年01月08日 05:21/ 0 赞/ 169 阅读

相关 ES6--深度克隆（深拷贝和浅拷贝）

拷贝数据：基本数据类型：拷贝后会生成一份新的数据，修改拷贝以后的数据不会影响原数据对象/数组拷贝后不会生成新的数据，而是拷贝引用，修改拷贝后的数据会影响原数据

傷城~/ 2022年12月06日 12:38/ 0 赞/ 754 阅读

相关深拷贝与浅拷贝

1. 何为深拷贝与浅拷贝创建一个新对象，如果属性是基本数据类型，拷贝的就是基本数据类型的值，如果是引用类型，拷贝的就是内存地址，如果其中一个对象改变了这个地址，就会影响

╰半夏微凉°/ 2022年10月01日 09:44/ 0 赞/ 256 阅读

相关深拷贝与浅拷贝

浅拷贝：只是增加了一个指针指向已经存在的内存。深拷贝：增加一个指针并且申请一个新的内存，使这个增加的指针指向这个新的内存。采用深拷贝的情况下，释放内存的时候就不会出现在

妖狐艹你老母/ 2022年08月10日 05:49/ 0 赞/ 248 阅读

相关 C++ 深拷贝与浅拷贝

【摘要】本文分三部分阐释深拷贝于浅拷贝，着眼点主要还是在深拷贝。第一部分讲述为什么会有拷贝，即对象之间的复制。第二部分讲述为什么会有深拷贝于浅拷贝，

向右看齐/ 2022年08月05日 02:39/ 0 赞/ 211 阅读

相关浅拷贝与深拷贝

1、浅拷贝为了解决函数传递后被修改的问题，就需要拷贝一份副本，将副本传递给函数使用，就算是副本被修改，也不会影响原始数据。拷贝对象需要导入 copy 模块。

深碍√TFBOYSˉ_/ 2022年05月13日 07:48/ 0 赞/ 244 阅读

相关深拷贝与浅拷贝

理解一波概念: 浅拷贝: 除了引用指向的对象(在堆上,而引用是在栈上)不被拷贝,其余都被拷贝深拷贝:引用所指向的堆上对象也会被拷贝一份 ![在这里插入图片描述][w

╰半夏微凉°/ 2022年02月26日 09:20/ 0 赞/ 292 阅读

相关 ES6: 深拷贝与浅拷贝

前言在Es6中扩展运算符(…)与Object.assign()中复制是浅拷贝，所谓的浅拷贝和深拷贝：浅拷贝是在在拷贝过程中，`遍历时那部分为对象/数组类型指向原

梦里梦外;/ 2021年09月18日 11:54/ 0 赞/ 350 阅读