深拷贝与浅拷贝Object.assign()

蔚落 2021-07-24 12:45 345阅读 0赞

深拷贝与浅拷贝  
Object.assign()会身拷贝一个复杂类型

<!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    </head>
    <body>
      <script>
        var arr1 = [
          { id:1,name:1},
          { id:2,name:2}
        ]
        arr2 = [
          { id:1,age:'原来的值1'},
          { id:1,age:'111'},
          { id:2,age:'22'},
        ]
        arr1.forEach(element => { 
          element.shuzu = []
          arr2.forEach(ele => { 
            if (element.id == ele.id) { 
              // 这个是浅拷贝 以后改变arr1的值回改变arr2的值
              // element.shuzu.push(ele)
              // 以下两种是深拷贝 不会改变arr2的值
              // element.shuzu.push(Object.assign([],ele))
              element.shuzu.push(JSON.parse(JSON.stringify(ele)))
            }
          });
        });
    
        console.log('更改arr1的值', arr1[0].shuzu[0],'原来arr2的值', arr2[0]);
    
        arr1[0].shuzu[0].age = '新值12345'
        console.log('更改arr1的值', arr1[0].shuzu[0],'原来arr2的值', arr2[0]);
    
      </script>
    </body>
    </html>

发表评论取消回复

表情：

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

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

相关阅读

相关浅拷贝与深拷贝

深度了解浅拷贝与深拷贝

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

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

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

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

相关深拷贝与浅拷贝

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

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

相关深拷贝与浅拷贝

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

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

相关深拷贝浅拷贝

深拷贝浅拷贝深拷贝和浅拷贝的区别 1.浅拷贝：将原对象或原数组的引用直接赋给新对象，新数组，新对象／数组只是原对象的一个引用 2.深拷贝：创建一个新的

柔光的暖阳◎/ 2022年12月26日 11:20/ 0 赞/ 238 阅读

相关深拷贝与浅拷贝

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

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

相关深拷贝与浅拷贝

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

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

相关浅拷贝与深拷贝

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

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

相关深拷贝与浅拷贝

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

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

相关深拷贝浅拷贝

![本文思维导图][format_png] 目录深拷贝和浅拷贝的区别实现浅拷贝的几种方法实现深拷贝的3种方法基本数据类型引用类型传值与传址 ---

缺乏、安全感/ 2022年02月12日 16:53/ 0 赞/ 421 阅读