美文网首页
深拷贝和浅拷贝

深拷贝和浅拷贝

作者: ChrisYu1128 | 来源:发表于2018-09-23 11:21 被阅读0次
  1. 使用Object.assign( obj1 )
    • 缺点:
      如果对象中出现嵌套情况,那么其对被嵌套对象的行为就成了普通的浅拷 贝。也就是拷贝后的对象内的嵌套对象和原对象内的嵌套对象是同一个的,一个变化会影响另一个。函数也一样
    • 适用范围:
      对象内没有嵌套对象和函数的对象复制
          var list1 = {
              a : 10,
                b : {
                  c : 20
                },
                d : function(){
                    console.log("30")
              }
          }
          //第一种
          var list2 = Object.assign(list1);
          console.log(list2.a==10); //true
          console.log(list1.b.c==list2.b.c); //true
          list1.b.c++;
          console.log(list1.b.c,list2.b.c); //21 21
          console.log(list2.d); //undefined
          list2.d = function(){console.log("40");};
          console.log(list1.d,list2.d);
          console.dir(list2);
      
  2. 使用JSON.parse(JSON.stringify( obj1 ))
    • 缺点:
      会破坏原型链,并且无法拷贝属性值为function的属性
    • 适用范围:
      对象内没有函数的对象复制
          var list1 = {
              a : 10,
              b : {
                  c : 20
              },
              d : function(){
                  console.log("30")
              }
            }
            //第二种
             var list2 = JSON.parse(JSON.stringify(list1))
             console.log(list2.a==10); //true
             console.log(list1.b.c==list2.b.c); //true
             list1.b.c++;
             console.log(list1.b.c,list2.b.c); //21 20
             console.log(list2.d);  //undefined
             list2.d = function(){console.log("40");};
             console.log(list1.d,list2.d);
             console.dir(list2);
      
  3. 使用递归
    • 思路:
      obj1为原对象;obj2为拷贝对象
      1. 定义函数,两个参数,使用 || 来初始化obj2
      2. for循环遍历obj1
      3. 如果是嵌套对象,则判断是否是数组,是的话为obj2赋值[],否则{}
      4. 进行递归
      5. 返回拷贝对象
    • 代码:
        var json1={
          "name":"chris",
          "age":23,
          "arr1":[1,2,3,4,5],
          "arr2":[1,2,3,4,5,6],
          "arr3":[{"name1":"chris"},{"job":"font-end"}]
      };
      function copy(obj1,obj2){
          var obj2 = obj2 || {}
          for(var name in obj1){
              if(typeof obj1[name]==='object'){
                  obj2[name] = (obj1[name] instanceof Array)?[]:{}
                  copy(obj1[name],obj2[name])
               }
              else{
                  obj2[name] = obj1[name]
              }
          }
          return obj2
      }
      console.log(copy(json1));
      

相关文章

  • iOS深拷贝(MutableCopy)与浅拷贝(Copy)的区别

    深拷贝和浅拷贝的概念 iOS中有深拷贝和浅拷贝的概念,那么何为深拷贝何为浅拷贝呢?浅拷贝:浅拷贝并不拷贝对象本身,...

  • iOS面试题-第二页

    11.深拷贝和浅拷贝的理解. 深拷贝;拷贝的内容. 浅拷贝:拷贝的指针. 深拷贝如: NSMutableDicti...

  • iOS - copy 与 mutableCopy

    一说到拷贝,就不得不提浅拷贝和深拷贝。 何谓浅拷贝?何谓深拷贝? 往简单的说: 浅拷贝:拷贝地址。 深拷贝:拷贝内...

  • JS中的深拷贝与浅拷贝

    知乎:js中的深拷贝和浅拷贝? 掘金: js 深拷贝 vs 浅拷贝 前言 首先深拷贝与浅拷贝只针对 Object,...

  • iOS--拷贝相关题

    1、什么是深拷贝什么是浅拷贝?浅拷贝和深拷贝的区别 * 浅拷贝(shallow copy):指针拷贝,对于被拷贝对...

  • copy和mutableCopy的区别

    copy和mutableCopy的区别 深拷贝和浅拷贝的区别 在OC中对象的拷贝方式有两种:深拷贝和浅拷贝.浅拷贝...

  • 2018-10-10函数基础

    深拷贝和浅拷贝 深拷贝 copy.deepcopy(对象)浅拷贝 copy.copy(对象)深拷贝: 将对象对应的...

  • Objective-C中的浅拷贝和深拷贝

    Objective-C中的浅拷贝和深拷贝 Objective-C中的浅拷贝和深拷贝

  • JavaScript的深拷贝和浅拷贝

    原文 博客原文 大纲 前言1、对深拷贝和浅拷贝的初步认识2、深拷贝和浅拷贝的区别3、浅拷贝存在的缺陷4、深拷贝的实...

  • java中的深拷贝和浅拷贝

    简单记录一下java中的深拷贝和浅拷贝,深拷贝和浅拷贝只是针对对象而言的. 1 深拷贝代码 2 浅拷贝代码 3 测...

网友评论

      本文标题:深拷贝和浅拷贝

      本文链接:https://www.haomeiwen.com/subject/fsifoftx.html