Object.assign()

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

说明

Object.assign()方法将所有可枚举属性的值从一个或多个源对象复制到目标对象,然后返回目标对象

语法

   Object.assign(target,..sources);

参数

   target:目标对象

  sources:源对象

返回值

  target:目标对象

例子:

1.使用Object.assgin()进行浅克隆

  //创建源对象
    var source = {a:1};
    //创建目标对象
    var target = {};
    //使用Object.assign进行复制
    var copyObj = Object.assign(target,source);
    
    console.log("copyObj:"+JSON.stringify(copyObj));      //{a:1}
    console.log("target===copyObj:"+(copyObj==target));   //true

     从上面两个输出可以得到Object.assign方法的说明结论 。

       1.assign进行了对象复制

       2.返回对象既是目标对象

2.使用Object.assgin()+JSON进行深克隆

     单纯使用Object.assgin()方法复制对象我们只能复制对象中的值属性,而对于对象中引用属性,我们只能复制其引用

    //创建源对象
    var source = {a:1,b:{c:2}};
    //创建目标对象
    var target = {};
    //使用Object.assign进行复制
    var copyObj = Object.assign(target,source);
    console.log("copyObj:"+JSON.stringify(copyObj));                //{"a":1,"b":{"c":2}}
    console.log("target.b===copyObj.b:"+(source.b==copyObj.b));     //true

       那么js该怎么实现深度克隆呢,我们可以使用JSON来实现  

 //创建源对象
    var source = {a:1,b:{c:2}};
    //创建目标对象
    var target = {};
    //使用Object.assign进行浅复制
    var copyObj = Object.assign(target,source);
    //将copyObj序列成JSON字符串
    var copyString = JSON.stringify(copyObj);
    //然后再将其JSON字符串转换为对象,这样深度克隆
    copyObj = eval('('+copyString+')');
    console.log("copyObj:"+JSON.stringify(copyObj));              //{"a":1,"b":{"c":2}}
    console.log("source.b===copyObj.b:"+(source.b==copyObj.b));   //false

      上面我们可以看出实现方式是将其转化为JSON字符串,然后再转成对象,就可完成深度克隆

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Google Dart

对象序列化与反序列化 原

1061
来自专栏待你如初见

对象序列化与反序列化

881
来自专栏静默虚空的博客

Java 序列化

被序列化的类必须属于 Enum、Array 和 Serializable 类型其中的任何一种。

1060
来自专栏用户2442861的专栏

JavaScript 正则表达式上——基本语法

JavaScript种正则表达式有两种定义方式,定义一个匹配类似 <%XXX%> 的字符串

671
来自专栏LeetCode

LeetCode 191. Number of 1 Bits

Write a function that takes an unsigned integer and returns the number of '1' bi...

740
来自专栏机器学习入门

LWC 63:748. Shortest Completing Word

LWC 63:748. Shortest Completing Word 传送门:748. Shortest Completing Word Problem: ...

2089
来自专栏Jaycekon

Java 序列化与反序列化

1、什么是序列化?为什么要序列化?     Java 序列化就是指将对象转换为字节序列的过程,而反序列化则是只将字节序列转换成目标对象的过程。     我们都知...

4377
来自专栏cmazxiaoma的架构师之路

Java数据结构和算法(2)--《Java数据结构和算法》第二版 Robert lafore第二章【数组】编码作业

2103
来自专栏mathor

ObjectIo

 T类的成员中有一个transient修饰的变量,transient意思是透明的,打印时会打印其所属变量类型的默认值,double的默认值是0.0,如果给boo...

1002
来自专栏彭湖湾的编程世界

【javascript】详解javaScript的深拷贝

前言: 最开始意识到深拷贝的重要性是在我使用redux的时候(react + redux), redux的机制要求在reducer中必须返回一个新的对象,而不能...

1876

扫码关注云+社区

领取腾讯云代金券