JS手写递归深浅拷贝

本文探讨JavaScript中的拷贝方式,包括浅拷贝和深拷贝的概念。重点解析了深拷贝的实现思路,通过递归处理引用类型数据,确保拷贝后的对象独立。同时提到了浅拷贝的实现方法,如赋值运算、扩展运算符、Object.assign,以及这些方法的注意事项。
摘要由CSDN通过智能技术生成

js中拷贝分为两种,浅拷贝和深拷贝。

浅拷贝 : 只是将数据中所有的数据引用下来,依旧指向同一个存放地址,拷贝之后的数据修改之后,也会影响到原数据的中的对象数据

深拷贝: 将数据中所有的数据拷贝下来,对拷贝之后的数据进行修改不会影响到原数据

深拷贝的实现思路:

1.将要拷贝的数据 obj 以参数的形式传参
2.声明一个变量 来储存我们拷贝出来的内容
3.判断 obj 是否是引用类型数据,如果不是,则直接赋值即可( 可以利用 obj instanceof Type 来进行判断),
4.由于用 instanceof 判断array 是否是object的时候,返回值为true, 所以我们在判断的时候,直接判断obj 是否是Array 就可避免这个问题
5.根据判断的不同类型,再给之前的变量赋予不同的类型: [ ] : { }
6.循环obj 中的每一项,如果里面还有复杂数据类型,则直接利用递归再次调用copy函数
7.最后 将 这个变量 return 出来即可

我们常用的方法 JSON.pares(JSON.stringfly())这是es6新增的方法,但是他有一定的缺陷,就是当我们要拷贝的对象(数组)里有包含undefind的话那么就会拷贝不到。

下面是利用递归函数手写深拷贝,接下来上才艺。

//定义深拷贝函数
function deepClone(obj){
//obj是我们要拷贝的数据
//递归要先判断否定
if(typeof obj !== 'object' || obj==null){
//判断要拷贝的值是不
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值