浅拷贝只复制对象第一层属性，深层共享引用，常用方法有Object.assign、扩展运算符；深拷贝递归复制所有层级，实现方式包括JSON.parse(JSON.stringify())、递归函数处理循环引用、Lodash的cloneDeep和浏览器原生structuredClone。
JavaScript 中对象拷贝分为浅拷贝和深拷贝，理解它们的区别和实现方式对开发非常重要。浅拷贝只复制对象的第一层属性，深层嵌套仍共享引用；而深拷贝会递归复制所有层级，生成完全独立的对象。
浅拷贝的实现方法
浅拷贝适用于对象只有一层基本数据类型属性的情况。以下是一些常见的浅拷贝方式：
Object.assign()：将源对象的所有可枚举属性复制到目标对象 const obj1 = { a: 1, b: { c: 2 } };
const obj2 = Object.assign({}, obj1); 扩展运算符（…）：语法简洁，使用广泛 const obj2 = { …obj1 }; Array.prototype.slice()（针对数组） const arr2 = arr1.slice();
注意：当对象包含嵌套对象或数组时，这些方法仅复制引用，修改嵌套结构会影响原对象。
深拷贝的基本实现思路
深拷贝需要递归遍历对象的所有属性，确保每一层都是新创建的。常见实现方式包括：
立即学习“Java免费学习笔记（深入）”；
JSON.parse(JSON.stringify())：简单有效，但有局限性 const newObj = JSON.parse(JSON.stringify(oldObj));
这种方法无法处理函数、undefined、Symbol、Date、RegExp 和循环引用，且 Date 会被转为字符串。
递归手动实现：更灵活，可控制类型处理 function deepClone(obj) {
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’);
const cloned = _.cloneDeep(original); structuredClone()：浏览器原生支持的深拷贝 API（较新） const cloned = structuredClone(obj);
该方法支持多数内置类型，但兼容性需注意（Node.js 17+，现代浏览器）
基本上就这些。选择拷贝方式时，根据数据结构复杂度和性能要求权衡。简单场景用扩展运算符或 JSON 方法，复杂对象建议用 Lodash 或 structuredClone。
以上就是JavaScript 对象拷贝：浅拷贝与深拷贝的实现方案的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1539162.html
微信扫一扫 
支付宝扫一扫 
