JavaScript 深拷贝 JS实现对象深拷贝操作的方法与技巧

JavaScript 深拷贝相关关键词与内容：

核心关键词：

• 深拷贝（Deep Copy）
• 浅拷贝（Shallow Copy）
• 引用类型（Reference Type）
• 递归（Recursion）
• 结构化克隆（Structured Clone）

实现方法：

1. JSON 序列化

   • JSON.parse(JSON.stringify(obj))
   • 局限性：忽略函数、Symbol、undefined 及循环引用

2. 递归手动拷贝

   • 遍历对象属性,递归处理嵌套对象或数组
   • 需处理特殊类型（如 Date、RegExp）和循环引用

3. Lodash 库

   

   • _.cloneDeep(obj)

4. 现代浏览器 API

   • structuredClone()（支持大部分内置类型）

技巧与注意事项：

• 循环引用需用 WeakMap 缓存已拷贝对象
• 处理特殊对象（如 Map、Set）需单独实现
• 性能优化：避免过度递归，必要时改用浅拷贝

适用场景：

• 状态管理（如 Redux）
• 复杂对象的数据隔离