js实现深拷贝的两种方式

一、基本数据类型

       数据分为基本数据类型(String、Null、Boolean、Undefined、Symbol、Number)和引用数据类型。

       基本数据类型的特点:直接存储在栈中的数据。

       引用数据类型的特点:存储的是该对象在栈中的引用,真实数据存储在堆中。

       引用数据类型在栈中存储了指针,该指针指向堆中该实体的起始地址。当解释器寻找引用值时,会首先检索其在栈中的地址,取得地址后从堆中获得实体。

                                        

二、实现深拷贝的两种方式

        es5:使用递归方法(遍历对象和数组,知道里边都是基本数据类型,然后再去复制,就是深拷贝)

        

 
//定义检测数据类型的功能函数
function checkedType(target){
   return Object.prototype.tostring.call(target).slice(8,-1)
}
//实现深度克隆--对象或数组
function clone(target){
  //判断拷贝的数据类型
  //初始化变量result,成为最终克隆对象
  let result,targetType=checkedType(taget);
  if(targetType==='object'){
    result={};
}else if(targetType==='Array'){
    result=[];
}else{
    return result
}
 
//遍历目标数据
      
for(let i in target) {       
//获取遍历数据结构的每一项值。        
let value = target[i]       
//判断目标结构里的每一值是否存在对象/数组
        if(checkedType(value) === 'Object'||checkedType(value) === 'Array') { 
//对象/数组里嵌套了对象/数组
//继续遍历获取到value值
          result[i] = clone(value)
        } 
else{ //获取到value值是基本的数据类型或者是函数。
          result[i] = value;
        }
      }
      
return result
}

es6:Json.parse(Json.stringify(Object));

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值