首页 > web前端 > js教程 > 正文

javascript_如何实现深拷贝对象

betcha
发布: 2025-12-05 21:21:06
原创
169人浏览过
答案:JavaScript深拷贝可通过JSON方法、递归实现或WeakMap处理循环引用。1. JSON.stringify/parse适用于无函数、Date等简单对象;2. 手动递归可处理数组、Date、RegExp;3. 使用WeakMap避免循环引用导致的栈溢出,推荐用于复杂场景。

javascript_如何实现深拷贝对象

实现 JavaScript 中的对象深拷贝,关键在于创建一个与原对象完全独立的新对象,所有嵌套的属性和子对象也都被复制,而不是引用。

1. 使用 JSON.stringify 和 JSON.parse(简单场景)

对于不包含函数、undefined、Symbol、Date、RegExp 等特殊类型的对象,可以使用以下方法:

const deepClone = (obj) => { return JSON.parse(JSON.stringify(obj)); };

说明:这种方法简单高效,但有明显局限。它会忽略值为函数、undefined、Symbol 的属性,且 Date 对象会被转为字符串。

2. 手动递归实现深拷贝(通用方案)

为了处理更复杂的数据类型,需要手动判断并递归复制:

立即学习Java免费学习笔记(深入)”;

冬瓜配音
冬瓜配音

AI在线配音生成器

冬瓜配音 584
查看详情 冬瓜配音
const 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 clonedObj = Array.isArray(obj) ? [] : {}; for (let key in obj) { if (obj.hasOwnProperty(key)) { clonedObj[key] = deepClone(obj[key]); } } return clonedObj; };

说明:这个版本能正确处理数组、普通对象、Date 和正则表达式。通过递归遍历每个属性,确保深层嵌套也被复制。

3. 考虑循环引用(高级处理)

如果对象中存在循环引用(例如 a.b = a),上面的方法会导致溢出。可借助 WeakMap 记录已访问对象:

const deepClone = (obj, hash = new WeakMap()) => { if (obj === null || typeof obj !== 'object') return obj; if (hash.has(obj)) return hash.get(obj); if (obj instanceof Date) return new Date(obj); if (obj instanceof RegExp) return new RegExp(obj); const clonedObj = Array.isArray(obj) ? [] : {}; hash.set(obj, clonedObj); for (let key in obj) { if (obj.hasOwnProperty(key)) { clonedObj[key] = deepClone(obj[key], hash); } } return clonedObj; };

说明:WeakMap 存储原始对象与克隆对象的映射,遇到重复引用时直接返回已克隆的副本,避免无限递归。

基本上就这些。根据实际需求选择合适的方法。简单数据用 JSON 方法最快,复杂结构推荐带 WeakMap 的递归实现。

以上就是javascript_如何实现深拷贝对象的详细内容,更多请关注php中文网其它相关文章!

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号