ES6: 深拷贝与浅拷贝

梦里梦外; 2021-09-18 11:54 361阅读 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 条评论，361人围观）

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

相关阅读

相关浅拷贝与深拷贝

深度了解浅拷贝与深拷贝

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

相关【深拷贝】与【浅拷贝】

*（例题讲解）** var a = \{ name: “lucy” \}; var b = a; b.name = “lily”; b.age = 20;...

小灰灰/ 2024年04月18日 11:09/ 0 赞/ 109 阅读

相关深拷贝与浅拷贝

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

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

相关深拷贝与浅拷贝

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

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

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

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

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

相关深拷贝与浅拷贝

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

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

相关深拷贝与浅拷贝

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

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

相关浅拷贝与深拷贝

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

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

相关深拷贝与浅拷贝

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

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

相关 ES6: 深拷贝与浅拷贝

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

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