常用的深拷贝的四种方法(实用)

1.运用递归方法进行深度拷贝

      //1 .原生的方法写深度拷贝
      function deepClone(obj) {
        // 先判断是数组还是对象,好声明变量接收
        var params = Array.isArray(obj) ? [] : {};
        for (key in obj) {
          if (obj[key] && typeof obj[key] == "object") {
            params[key] = deepClone(obj[key]);
          } else {
            params[key] = obj[key];
          }
        }
        return params;
      }
	//以下是测试用的数据
      var a = {
        name: "zjam",
        obj: {
          am: "zaofnd",
          dvd: "ddddd",
        },
      };

      var b = deepClone(a);
      a.obj.am = "早上";
      console.log(a);
      console.log(b);
 

2.JSON.对象的方法实现(常用)

function deepClone(obj) {
       return JSON.parse(JSON.stringify(obj));
      } 
	//以下是测试数据
      var a = {
        name: "zjam",
        obj: {
          am: "zaofnd",
          dvd: "ddddd",
        },
      };
      var b = deepClone(a);
      a.obj.am = "早上";
      console.log(a);
      console.log(b);

3.第三方插件Lodash实现深拷贝(方便)

 <script src="https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.15/lodash.js"></script>
    var a = {
        name: "我是a中的数据",
        obj: {
          name: "张三",
          age: "40",
        },
      };
      var b = _.cloneDeep(a, {
        obj: {
          name: "李四",
          age: "50",
          sex: "男",
        },
      });
      a.obj.name = "王二";
      console.log(a);
      console.log(b);

4.用的jqery里面的extend方法;

  var a = {
        name: "zjam",
        obj: {
          am: "zaofnd",
          dvd: "ddddd",
        },
      };

      var b = $.extend(true, {}, a); // 第一个参数true为深拷贝,第二个参数为目标对象,第三个参数为源对象即你用拷贝那个数据
      a.obj.am = "早上";
      console.log(a);
      console.log(b);

以供参考,有更好的方法,请告知

  • 4
    点赞
  • 44
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在编程中,对象和数组的拷贝涉及到数据结构的副本创建,确保新创建的对象与原对象独立,即使原对象发生改变也不会影响副本。这里有几种常见的拷贝方式: 1. **浅拷贝(Shallow Copy)**: 对于简单类型(如基本数据类型)或值类型,拷贝的是它们的值。对于复杂类型如数组或对象,浅拷贝实际上是创建了一个引用,两个变量指向的是同一个内存地址。这意味着对其中一个的修改会影响到另一个。 2. **拷贝(Deep Copy)**: - **复制数组**:对于数组,可以逐个元素地进行拷贝,创建一个新的数组并填充每个元素的拷贝。例如,在JavaScript中可以使用`JSON.parse(JSON.stringify(array))`来实现。 - **复制对象**: a. 使用构造函数:创建新对象,然后递归遍历原对象,为每个属性创建新的值,而不是引用。例如在JavaScript中,`function deepCopy(obj) { return new obj.constructor(obj); }`。 b. 使用`Object.assign()`和扩展运算符...:结合使用,创建一个新的对象,并将所有属性从源对象复制过来,但不会创建循环引用。但是这种方法不适用于原型链中的对象。 c. 库方法:有些编程语言有现成的库函数或模块可以直接完成拷贝操作,比如Python的`copy.deepcopy()`。 3. **度克隆(Deep Cloning)**: 术语"度克隆"通常用于描述度复制的过程,特别是在讨论复杂的数据结构,如树、图或对象树时。 **相关问题**: 1. 浅拷贝拷贝的主要区别是什么? 2. 如何在JavaScript中避免对象属性的引用冲突进行拷贝? 3. 如果数组中的元素是对象,应该如何正确地进行拷贝
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值