JS深拷贝浅拷贝怎么区分_JS深拷贝与浅拷贝原理与实现方法

浅拷贝只复制对象第一层属性,引用类型共享内存,修改嵌套属性会影响原对象;深拷贝递归复制所有层级,生成完全独立的对象。常见浅拷贝方法有Object.assign()、展开运算符;深拷贝可用jsON.parse(json.stringify())或递归实现,后者可处理函数、循环引用等复杂情况。

JS深拷贝浅拷贝怎么区分_JS深拷贝与浅拷贝原理与实现方法

javaScript中,深拷贝浅拷贝都是用来复制对象的方法,但它们的行为有本质区别。理解两者的原理和实现方式,对处理复杂数据结构非常重要。

什么是浅拷贝?

浅拷贝是指创建一个新对象,这个新对象拥有原对象属性的直接值或引用。如果原对象的属性是基本类型,拷贝的是值;如果是引用类型(如数组、对象),拷贝的是内存地址,也就是说,新旧对象会共享同一块内存。

这意味着:修改拷贝后的对象中的引用类型属性,会影响原始对象。

常见实现方式:

  • Object.assign():只能实现一级属性的浅拷贝
  • 展开运算符 {…obj}:同上,只复制第一层
  • Array.prototype.slice()concat():适用于数组浅拷贝

示例:

 const obj1 = { a: 1, b: { c: 2 } }; const obj2 = Object.assign({}, obj1); obj2.b.c = 3; console.log(obj1.b.c); // 输出 3,说明共享引用 

什么是深拷贝?

深拷贝会递归地复制对象的所有层级,包括嵌套的对象和数组,生成一个完全独立的新对象。原对象和拷贝对象互不影响。

深拷贝的关键在于:所有引用类型都被重新创建,不共享任何内存。

JS深拷贝浅拷贝怎么区分_JS深拷贝与浅拷贝原理与实现方法

标贝科技

标贝科技-专业AI语音服务的人工智能开放平台

JS深拷贝浅拷贝怎么区分_JS深拷贝与浅拷贝原理与实现方法 14

查看详情 JS深拷贝浅拷贝怎么区分_JS深拷贝与浅拷贝原理与实现方法

常见实现方式:

  • JSON.parse(JSON.stringify(obj)):简单有效,但有局限性(不能处理函数、undefinedsymbol、循环引用等)
  • 递归手动实现:可以控制各种数据类型,更灵活
  • 使用第三方库:如 Lodash 的 _.cloneDeep()

示例(JSON方法):

 const obj1 = { a: 1, b: { c: 2 } }; const obj2 = JSON.parse(JSON.stringify(obj1)); obj2.b.c = 3; console.log(obj1.b.c); // 输出 2,互不影响 

注意:JSON方法无法处理函数、正则、date对象可能出错、以及循环引用会报错。

如何手动实现一个简易深拷贝?

通过递归判断数据类型,分别处理对象、数组和其他类型。

 function deepClone(obj, visited = new WeakMap()) {   if (obj === null || typeof obj !== 'object') return obj;      // 处理循环引用   if (visited.has(obj)) return visited.get(obj);      let clone;   if (Array.isArray(obj)) {     clone = [];   } else {     clone = {};   }      visited.set(obj, clone);    for (let key in obj) {     if (obj.hasOwnProperty(key)) {       clone[key] = deepClone(obj[key], visited);     }   }   return clone; } 

这个版本支持循环引用(使用WeakMap),避免无限递归。

浅拷贝与深拷贝的核心区别总结

  • 浅拷贝只复制一层,深层仍共用引用
  • 深拷贝完全独立,每一层都重新创建
  • 性能上:浅拷贝快,深拷贝慢,尤其对象层级深时
  • 使用场景:若对象不含嵌套引用,浅拷贝足够;否则建议深拷贝

基本上就这些。选择哪种方式,取决于数据结构复杂度和是否需要完全隔离。

上一篇
下一篇
text=ZqhQzanResources