js常见的几种深拷贝的方式

本文介绍了JavaScript中深拷贝的三种方式:递归实现、JSON对象和jQuery.extend,同时提到了浅拷贝的简单示例以及JSON深拷贝的局限性。
摘要由CSDN通过智能技术生成

深拷贝:

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

 //使用递归的方式实现数组、对象的深拷贝

    function deepClone1(obj) {

      //判断拷贝的要进行深拷贝的是数组还是对象,是数组的话进行数组拷贝,对象的话进行对象拷贝

      var objClone = Array.isArray(obj) ? [] : {};

      //进行深拷贝的不能为空,并且是对象或者是

      if (obj && typeof obj === "object") {

        for (key in obj) {

          if (obj.hasOwnProperty(key)) {

            if (obj[key] && typeof obj[key] === "object") {

              objClone[key] = deepClone1(obj[key]);

            } else {

              objClone[key] = obj[key];

            }

          }

        }

      }

      return objClone;

    }

2.通过 JSON 对象实现深拷贝

//通过js的内置对象JSON来进行数组对象的深拷贝

    function deepClone2(obj) {

      var _obj = JSON.stringify(obj),

        objClone = JSON.parse(_obj);

      return objClone;

    }

    JSON对象实现深拷贝的一些问题 

    *无法实现对对象中方法的深拷贝

3. 通过jQuery的extend方法实现深拷贝

 var array = [1,2,3,4];

    var newArray = $.extend(true,[],array);

浅拷贝:object.assign(a,b) //a为目标对象,b为拷贝的数据源(只遍历一层)

               或:var o ={};obj={name:’ccs’,age:18}

           for(var k in obj){o[k] = obj[k]}

console.log(o);

  • 15
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 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、付费专栏及课程。

余额充值