欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

关于json对象的深拷贝

程序员文章站 2022-04-13 15:32:42
前两天写程序,有一个是对后台返回的json数据进行整理然后再使用,用到了关于json 的拷贝。我在我的一篇博客中提到过对数组的拷贝。分为深度拷贝,和浅拷贝。这里附上链接 其实对于数组的拷贝是比较简单的,大不了就自己循环一下,然后放到一个新数组中,或者是在我博客中提到的使用 slice(0) 的办法。 ......

  前两天写程序,有一个是对后台返回的json数据进行整理然后再使用,用到了关于json 的拷贝。我在我的一篇博客中提到过对数组的拷贝。分为深度拷贝,和浅拷贝。 其实对于数组的拷贝是比较简单的,大不了就自己循环一下,然后放到一个新数组中,或者是在我博客中提到的使用 slice(0) 的办法。 

  同样的关于json数据的拷贝也有相同的简单方法,var 新对象 = json.parse(json.stringify(老对象));这样就复制这个老对象了。但是这样会有一个弊端。(对于后台传输过来的数据是没有问题的)。弊端就是如果这个老对象中不仅仅是简单的数据,而是其中定义了方法的话,那么这样的话,是不能赋值成功的。

  那这样的话,是不是就只能自己写方法,自己写程度复制了呢。答案是不是。因为es6已经想到了这一点,所以在es6的语法中就有一个叫做object.assign()的方法,官方对于这个方法是这样解释的:object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。如果目标对象中的属性具有相同的键,则属性将被源中的属性覆盖。后来的源的属性将类似地覆盖早先的属性。然后咱们就可以开开心心的复制了。请看下面的代码

 1         var json1 = {
 2             "name":"cheng",
 3             "age":18,
 4             "fun":function(a){
 5                 console.log(a);
 6             }
 7         }
 8         //json1.fun(123);
 9         console.log(json1);
10         for(i in json1){
11             if(i=="age"){
12                 json1[i] = 19;
13             }
14         }
15         var json2 = json.parse(json.stringify(json1));
16         //var json2 = object.assign({},json1);
17         json2.age = 20;
18         console.log(json1,json2);

  这样就可以复制json中的数据了。这里记录一下