美文网首页
对象深拷贝

对象深拷贝

作者: 恒星的背影 | 来源:发表于2022-03-15 11:13 被阅读0次

比较完善的版本:

const deepClone = (a, cache) => {
  if(!cache)
    cache = new Map()   
  if(a instanceof Object) {   // 不考虑跨 iframe
    if(cache.has(a))
      return cache.get(a);

    let result;
    if(a instanceof Function) {
      if(a.prototype)
        result = function(){ return a.apply(this, arguments) }
      else
        result = (...args) => { return a.call(undefined, ...args) }
    }
    else if(a instanceof Array)
      result = []
    else if(a instanceof Date)
      result = new Date(a)
    else if(a instanceof RegExp)
      result = new RegExp(a.source, a.flags)
    else
      result = {}

    cache.set(a, result)
    for(let key in a)
      if(a.hasOwnProperty(key))
        result[key] = deepClone(a[key], cache)
    return result
  }
  else
    return a
}

const a = {
  number:1,
  bool:false,
  str: 'hi',
  empty1: undefined,
  empty2: null,
  array: [
    {name: 'frank', age: 18},
    {name: 'jacky', age: 19},
  ],
  date: new Date(2000, 0, 1, 20, 30, 0),
  regex: /\.(j|t)sx/i,
  obj: { name:'frank', age: 18 },
  f1: (a, b) => a + b,
  f2: function(a, b) { return a + b }
}
a.self = a

const b = deepClone(a)
b.self === b // true
b.self = 'hi'
a.self !== 'hi' //true

不完善的版本:

const copy = (obj)=>{
    const newObj = {}
    for(let key in obj){
        if(['string', 'number', 'boolean'].indexOf(typeof obj[key]) > -1 || [null, undefined].indexOf(obj[key]) > -1)
            newObj[key] = obj[key]
        else {
            newObj[key] = copy(obj[key])
        }    
    }
    return newObj
}

利用 JSON,不支持函数,undefined,正则等

const copy = (obj)=>{
    return JSON.parse(JSON.stringify(obj))
}

相关文章

  • 2018-10-10函数基础

    深拷贝和浅拷贝 深拷贝 copy.deepcopy(对象)浅拷贝 copy.copy(对象)深拷贝: 将对象对应的...

  • java 对象的拷贝

    拷贝:即复制 对象拷贝:即对象复制 java 对象拷贝分类:浅拷贝、深拷贝 java 对象的浅拷贝和深拷贝针对包含...

  • 2018-10-10day9函数基础

    1.浅拷贝、深拷贝 copy.copy(对象):浅拷贝copy.deepcopy(对象):深拷贝""" """拷贝...

  • 深拷贝和浅拷贝不同

    浅拷贝:指针(地址)拷贝,不会产生新对象深拷贝:内容拷贝,会产生新对象 非容器类对象的深拷贝、浅拷贝 非容器类对象...

  • 前端笔记(二) 对象的深浅拷贝,函数的防抖与节流,函数柯里化 ,

    对象的深浅拷贝 对象的深拷贝与浅拷贝的区别: 浅拷贝:仅仅复制对象的引用, 而不是对象本身。 深拷贝:把复制的对象...

  • 深浅拷贝,面向对象,Symbol,Set,Map

    一:浅拷贝与深拷贝对象的浅拷贝:浅拷贝是对象共用的一个内存地址,对象的变化相互影响。对象的深拷贝:简单理解深拷贝是...

  • iOS - copy与mutableCopy

    浅拷贝与深拷贝 浅拷贝:指针拷贝,不产生新的对象,源对象的引用计数器+1 深拷贝:对象拷贝,会产生新的对象,源对象...

  • 深拷贝浅拷贝

    1.拷贝可变对象 深拷贝后浅拷贝可变对象,都是内存复制。 输出结果: 2.拷贝不可变对象 浅拷贝是指针拷贝,深拷贝...

  • 开发中常用的JS知识点集锦

    索引 1、对象深拷贝 2、网络图片转base64, 在线图片点击下载 3、对象深拷贝 4、对象深拷贝 5、对象深拷...

  • 面试题iOS

    面试blog 1、深拷贝浅拷贝:浅拷贝就是拷贝对象的指针,而不复制引用对象本身;深拷贝就是拷贝引用对象本身;浅复制...

网友评论

      本文标题:对象深拷贝

      本文链接:https://www.haomeiwen.com/subject/bfcpdrtx.html