对象的深拷贝

最新推荐文章于 2024-05-02 18:12:22 发布

wangfeihu1998

最新推荐文章于 2024-05-02 18:12:22 发布

阅读量110

点赞数

分类专栏： leetcode js 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/wangfeihu1998/article/details/128105147

版权

js 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

leetcode

8 篇文章 0 订阅

订阅专栏

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]);
  }
}