美文网首页
手写深拷贝

手写深拷贝

作者: miao8862 | 来源:发表于2021-05-05 23:46 被阅读0次

深拷贝

// 手写实现一个深拷贝
function deepClone(obj) {
  // 判断是不是一个对象
  function isObject(obj) {
    return typeof obj === 'object' && obj !== null;
  }
  // 如果不是一个对象,抛出异常
  if(!isObject(obj)) {
    throw new Error("拷贝的数据不是一个对象")
  }
  // 判断是数组还是对象,创建对应的拷贝初始对象
  let newObject = Array.isArray(obj) ? [] : {}
  Object.keys(obj).map(key => {
    newObject[key] = isObject(obj[key]) ? deepClone(obj[key]) : obj[key]
  })
  return newObject
}

const d = Symbol('d')
let obj = {
  a: 111,
  b: [3,2, {z: {k: 1}}],
  c: {k: 2},
  d: {o: 3}
}
let newobj = {...obj}

// console.log('obj:', obj); // obj: { a: 111, b: [ 3, 2, { z: [Object] } ], c: { k: 3 } }
// console.log('newobj:', newobj); // newobj: { a: 111, b: [ 3, 2, { z: [Object] } ], c: { k: 3 } }

let newobj2 = deepClone(obj)
newobj2.c.k = 3
newobj2.d.o = 11
console.log('obj:', obj);
console.log('newobj2:', newobj2);

相关文章

  • 深入JavaScript Day33 - 序列化实现深拷贝的缺点

    一、序列化实现深拷贝的缺点、手写深拷贝 1、借助序列化实现深拷贝,有哪些缺点? ①不能拷贝函数 ②不能拷贝Symb...

  • 手写深拷贝

    什么是深拷贝? 简单理解:b是a的一份拷贝,b中没有对a中对象的引用。另一种理解:b是a的一份拷贝,把b和a各画出...

  • 手写深拷贝

    注意:Object.assign()不是深拷贝 语法:Object.assign(target, ...sourc...

  • 手写深拷贝

    手写深拷贝 深拷贝 深拷贝简单理解就是b是a的一份拷贝,且b中不存在a中对象的引用 深拷贝的实现 1.JSON序列...

  • 手写深拷贝

    1. 简述深拷贝 JavaScript 中有2种变量类型:值类型(基本类型)和引用类型。深拷贝和浅拷贝都是针对引用...

  • 深拷贝(手写)

  • 手写深拷贝

    深拷贝

  • 手写深拷贝

  • 手写深拷贝

    方案1.序列化反序列化 上面的代码b就是a的深拷贝当我们修改b里面的值的时候,a的值不会跟着变化。 1.1.缺点 ...

  • 手写深拷贝

网友评论

      本文标题:手写深拷贝

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