封装一个使用递归方式的深拷贝方法deeoClone

当我们需要对一个对象进行深拷贝时,可以使用递归方式遍历对象的属性,并对每个属性进行拷贝。下面是一个使用递归方式实现深拷贝的deepClone方法的示例代码:

function deepClone(obj){
    //判断是否为基本类型或null
    if(obj === null || typeof obj !== 'object'){
        return obj
    }
    //创建拷贝后的对象
    const clone = Array.isArray(obj) ? [] : {}
    //遍历对象的属性
    for (let key in obj){
        if(obj.hasOwnProperty(key)){
        //递归拷贝属性值
        clone[key] = deepClone(obj[key])
        }
    }
    return clone
}

工作原理:

        1、deeoClone函数接收一个参数obj,既要进行拷贝的对象。

        2、首先判断obj是否为基本类型或null,如果是,则直接返回该值。

        3、如果 obj 是对象类型,创建一个空对象 clone 或空数组 clone(根据 obj 是否为数组进行判断)。
        4、使用 for...in 循环遍历 obj 的每个属性,通过递归调用 deepClone 函数对每个属性值进行深拷贝,并将其赋值给 clone 对应的属性。
        5、返回拷贝后的 clone 对象。

通过使用递归,这个方法可以处理嵌套的对象和数组,实现深层次的拷贝。

使用 deepClone 方法,你可以像下面这样进行深拷贝:

const original = {
    name:'张三'
    age:20
    pets:['dog','cat']
    address:{
        street:'123 Main St'
        address:'New York'
    }
}

//深拷贝对象
const clone = deepClone(original)

//修改拷贝后的对象
clone.name='里斯'
clone.age=24
clone.pest=push('reddit')
clone.address.address= 'San Ftancisco'

//验证原对象是否保持不变
console.log(original )

我们先创建了一个包含嵌套结构的原始对象 original,然后通过 deepClone 函数对它进行深拷贝得到 clone。接着,我们修改了拷贝后的对象 clone 的一些属性值,并验证了原始对象 original 不受影响。

    需要注意的是,在 JavaScript 中使用递归方式进行深拷贝时,可能会遇到环状引用的情况(即对象属性之间相互引用,形成一个环)。为了避免进入无限递归的情况,你可以在代码中添加额外的处理逻辑来跟踪已经拷贝过的对象,或者使用第三方库(如Lodash中的_.cloneDeep方法)来处理深拷贝。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值