js递归方式实现深拷贝

上篇文章提到了对象的浅拷贝和深拷贝,当时深拷贝使用的是最简单的方法,如下
JSON.parse(JSON.stringify(obj))
这个方法能实现简单数据的深拷贝,但是对于复杂对象还是有局限性的,比如说会把时间对象转化成字符串,会丢失函数等等。
今天亲自封装一个方法,来实现深拷贝。原理就是先判断数据类型,然后用递归解决嵌套数据。

// 判断数据类型。
function isObject(obj) {
  return typeof obj === 'object' && obj != null;
}
// 深拷贝方法
function deepClone(source, hash = new WeakMap()) {
  if (!isObject(source)) return source; // 判断是否为基础类型,是的话直接返回
  if (hash.has(source)) return hash.get(source); // 查哈希表,解决循环引用和引用丢失的问题。
  var target = Array.isArray(source) ? [] : {};
  hash.set(source, target); // 哈希表设值(缓存数据)
  // Reflect.ownKeys 获取对象自身属性名(包含symbol类型)数组
  Reflect.ownKeys(source).forEach(key => {
    if (isObject(source[key])) {
      target[key] = deepClone(source[key], hash);
    } else {
      target[key] = source[key];
    }
  });
  return target;
}
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值