浅拷贝只复制对象第一层属性，深层共享引用，常用方法有object.assign、扩展运算符；深拷贝递归复制所有层级，实现方式包括json.parse(json.stringify())、递归函数处理循环引用、lodash的clonedeep和浏览器原生structuredclone。
JavaScript 中对象拷贝分为浅拷贝和深拷贝，理解它们的区别和实现方式对开发非常重要。浅拷贝只复制对象的第一层属性，深层嵌套仍共享引用；而深拷贝会递归复制所有层级，生成完全独立的对象。
浅拷贝的实现方法
浅拷贝适用于对象只有一层基本数据类型属性的情况。以下是一些常见的浅拷贝方式：
- Object.assign()：将源对象的所有可枚举属性复制到目标对象 const obj1 = { a: 1, b: { c: 2 } };
- 扩展运算符（...）：语法简洁，使用广泛 const obj2 = { ...obj1 };
- Array.prototype.slice()（针对数组） const arr2 = arr1.slice();
const obj2 = Object.assign({}, obj1);
注意：当对象包含嵌套对象或数组时，这些方法仅复制引用，修改嵌套结构会影响原对象。
深拷贝的基本实现思路
深拷贝需要递归遍历对象的所有属性，确保每一层都是新创建的。常见实现方式包括：
立即学习“Java免费学习笔记（深入）”；
- JSON.parse(JSON.stringify())：简单有效，但有局限性 const newObj = JSON.parse(JSON.stringify(oldObj));
- 递归手动实现：更灵活，可控制类型处理 function deepClone(obj) {
这种方法无法处理函数、undefined、Symbol、Date、RegExp 和循环引用，且 Date 会被转为字符串。
if (obj === null || typeof obj !== 'object') return obj;
if (obj instanceof Date) return new Date(obj);
if (obj instanceof RegExp) return new RegExp(obj);
const cloned = Array.isArray(obj) ? [] : {};
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
cloned[key] = deepClone(obj[key]);
}
}
return cloned;
}
处理循环引用
递归深拷贝在遇到循环引用时会陷入无限循环。可通过 WeakMap 记录已访问对象来解决：
function deepClone(obj, hash = new WeakMap()) {if (obj === null || typeof obj !== 'object') return obj;
if (hash.has(obj)) return hash.get(obj); // 返回已存在的拷贝
const cloned = Array.isArray(obj) ? [] : {};
hash.set(obj, cloned); // 先记录引用
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
cloned[key] = deepClone(obj[key], hash);
}
}
return cloned;
}
现代工具库的支持
实际项目中推荐使用成熟库处理复杂情况：
- Lodash 提供 _.cloneDeep() 方法，稳定支持各种类型和循环引用 const _ = require('lodash');
- structuredClone()：浏览器原生支持的深拷贝 API（较新） const cloned = structuredClone(obj);
const cloned = _.cloneDeep(original);
该方法支持多数内置类型，但兼容性需注意（Node.js 17+，现代浏览器）
基本上就这些。选择拷贝方式时，根据数据结构复杂度和性能要求权衡。简单场景用扩展运算符或 JSON 方法，复杂对象建议用 Lodash 或 structuredClone。
