深拷贝和浅拷贝

  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));
      
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容