对象的深拷贝

const isComplexDataType = (obj) =>
  (typeof obj === 'object' || typeof obj === 'function') && obj !== null;

const deepClone = (obj, hash = new WeakMap()) => {
  if (obj.constructor === Date) return new Date(obj);
  if (obj.constructor === RegExp) return new RegExp(obj);
  if (hash.has(obj)) return hash.get(obj);

  let allDesc = Object.getOwnPropertyDescriptors(obj); //遍历传入参数所有键的特性
  let cloneObj = Object.create(Object.getPrototypeOf(obj), allDesc); //继承原型链

  hash.set(obj, cloneObj);

  for (let key of Reflect.ownKeys(obj)) {
    //Reflect.ownKeys(obj)可以拷贝不可枚举属性和符号类型
    // 如果值是引用类型(非函数)则递归调用deepClone
    cloneObj[key] =
      isComplexDataType(obj[key]) && typeof obj[key] !== 'function'
        ? deepClone(obj[key], hash)
        : obj[key];
  }
  return cloneObj;
};
let obj = {
  num: 0,
  str: '',
  boolean: true,
  unf: undefined,
  nul: null,
  obj: {
    name: '我是一个对象',
    id: 1,
  },
  arr: [0, { name: 'wang' }, 2],
  func: function () {
    console.log('我是一个函数');
  },
  date: new Date(0),
  reg: new RegExp('/我是一个正则/ig'),
  [Symbol('1')]: 1,
};

Object.defineProperty(obj, 'innumerable', {
  enumerable: false,
  value: '不可枚举属性',
});
obj = Object.create(obj, Object.getOwnPropertyDescriptors(obj));
obj.loop = obj;
let cloneObj = deepClone(obj);
console.log('obj', obj);
console.log('cloneObj', cloneObj);
for (let key of Object.keys(cloneObj)) {
  if (
    typeof cloneObj[key] === 'object' ||
    typeof cloneObj[key] === 'function'
  ) {
    console.log(`${key}相同吗? `, cloneObj[key] === obj[key]);
  }
}

参考链接:
https://juejin.cn/post/6844903749270372365#
https://juejin.cn/post/7134970746580762637#

对象深拷贝是将对象从内存中完整地拷贝一份出来,在堆内存中开辟一个新的区域来存放新对象,修改新对象不会影响原对象[^2]。 ### 实现方法 - **JSON.parse(JSON.stringify(obj))**:这是一种较为简单的深拷贝方法,利用 JSON 的序列化和反序列化来实现对象深拷贝。但这种方法有局限性,它不能处理函数、正则表达式等特殊对象,并且会忽略对象的不可枚举属性和 Symbol 类型的属性[^2]。 ```javascript const originalObj = { name: 'John', age: 30 }; const clonedObj = JSON.parse(JSON.stringify(originalObj)); ``` - **自定义实现函数**:如 `deepClone(originValue, map = new WeakMap())` 函数,参数 `originValue` 是要进行深拷贝的原始对象,`map` 参数是一个 `WeakMap` 用于存储已经复制过的对象,以防止循环引用[^5]。 ```javascript function deepClone(originValue, map = new WeakMap()) { // 实现深拷贝的具体逻辑 } ``` - **第三方工具**:以 Java 为例,Apache Commons Lang 库提供的 `SerializationUtils.clone()` 方法,可以对对象进行深拷贝[^4]。 ```java import org.apache.commons.lang3.SerializationUtils; public class DeepCopyExample { public static void main(String[] args) { // 假设 obj 是要拷贝的对象 Object obj = new Object(); Object clonedObj = SerializationUtils.clone(obj); } } ``` ### 原理 深拷贝的核心原理是递归地遍历对象的所有属性,对于基本类型的属性,直接复制其值;对于引用类型的属性,需要在堆内存中开辟新的空间,创建一个新的对象,并递归地对这个新对象的属性进行深拷贝,从而实现对象的完整复制。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值