Javascript如何进行深拷贝与浅拷贝?

浅拷贝只复制第一层属性,新旧对象共享嵌套引用;深拷贝递归复制所有层级,完全独立。常用浅拷贝有展开运算符、Object.assign()、slice()/concat();深拷贝推荐structuredClone,其次JSON法,特殊需求可手写递归函数

javascript如何进行深拷贝与浅拷贝?

JavaScript中浅拷贝只复制对象的第一层属性,新旧对象共享嵌套的引用;深拷贝则递归复制所有层级,新对象与原对象完全独立。

浅拷贝的常见方式

适用于只有一层结构的对象或数组,修改嵌套内容会影响原对象。

展开运算符(…):如 const newObj = {...oldObj}const newArr = [...oldArr] Object.assign():如 const newObj = Object.assign({}, oldObj) Array.prototype.slice() / concat():仅对数组有效,如 arr.slice()

深拷贝的实用方法

需要完整隔离嵌套结构时使用,注意性能和特殊值限制。

JSON.parse(JSON.stringify()):简单快捷,但不支持函数、undefined、Symbol、Date、RegExp、循环引用等 structuredClone():现代浏览器支持(Chrome 98+、Firefox 94+),能处理 Map、Set、Date、RegExp 等,但不支持函数和 window 对象 手写递归函数:可控性强,可定制忽略属性、处理循环引用、兼容特殊类型

什么时候该用哪种?

多数场景下优先用 structuredClone(如有兼容性要求再降级);若只操作简单数据且需兼容老环境,JSON 方法够用;频繁操作或有特殊需求(如过滤字段、处理 BigInt),建议封装自定义深拷贝函数。

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

基本上就这些,不复杂但容易忽略嵌套影响和边界情况。

以上就是Javascript如何进行深拷贝与浅拷贝?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1542253.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
JavaScript中DOM元素ID与全局作用域的隐式绑定机制解析
上一篇 2026年5月10日 11:00:50
如何保留小数位数而不影响整数显示?
下一篇 2026年5月10日 11:00:56

相关推荐

  • 什么是JavaScript中的严格模式_它如何帮助避免常见错误?

    严格模式通过启用限制性规则提升代码质量与可维护性,需在脚本顶部或函数首行添加”use strict”;激活,能捕获未声明赋值、重复参数等错误,并使this指向更明确。 JavaScript中的严格模式(Strict Mode)是一种让代码在更严格的条件下运行的机制,它通过启用…

    2026年5月10日
    000
  • C++如何使用智能指针与容器结合管理内存

    在C++中,应优先使用智能指针管理容器中的动态对象,以避免内存泄漏和悬空指针。std::unique_ptr适用于独占所有权场景,性能高且无引用计数,适合std::vector等线性容器存储多态对象;而std::shared_ptr用于共享所有权,通过引用计数管理生命周期,适用于std::map等需…

    2026年5月10日
    000
  • 九天算力平台任务:本地电脑关机后,计算任务还会继续运行吗?

    九天算力平台:本地电脑关闭后任务运行状态详解 使用九天算力平台进行AI训练时,许多用户关心一个问题:本地电脑关机后,平台上的计算任务能否继续运行? 部分用户反馈,关闭VS Code后,任务似乎停止,需要重新启动,这与预期中的远程服务器持续运行不符。 虽然平台后台显示计算时间仍在继续(用户截图所示),…

    2026年5月10日
    200
  • 什么是模块化HTML文件?如何查看HTML格式内容?

    什么是模块化HTML文件?如何查看HTML格式内容?什么是模块化HTML文件?如何查看HTML格式内容?什么是模块化HTML文件?如何查看HTML格式内容?什么是模块化HTML文件?如何查看HTML格式内容?

    现代前端开发倾向于模块化html,是因为它能有效解决大型项目中代码重复、维护困难和团队协作低效的问题,通过将页面拆分为独立、可复用的组件,实现高复用性、易维护性和高效协作,尤其在单页应用和微前端架构中不可或缺;1. 模块化使ui元素如导航栏、表单等可抽象为独立组件,一处修改全局生效;2. 支持组件为…

    2026年5月10日 用户投稿
    000
  • html如何建立副标题_为HTML文档添加副标题标签【标签】

    推荐使用与标签组合:主标题用,副标题用带class=”subtitle”的,语义清晰且不破坏大纲;已废弃但部分浏览器支持;ARIA可增强可访问性;CSS伪元素适合固定文本场景。 如果您希望在HTML文档中为标题添加副标题,以提供更详细的说明或补充信息,则需要使用语义化的方式组…

    2026年5月10日
    000
  • JavaScript 文件输入处理、扩展名验证与字符串操作实践指南

    本教程将深入探讨JavaScript中如何正确处理input type=”file”元素,实现文件选择后的扩展名验证,并介绍灵活的字符串操作方法,特别是如何移除字符串中的特定字符或子串。我们将通过事件监听器、includes()和replace()等核心API,提供清晰的代码…

    2026年5月10日
    000
  • 如何在用户界面中管理多对多关系:以用户与场地为例的教程

    本教程详细阐述了如何在用户界面(ui)中有效地处理多对多关系,以用户与场地(yards)为例,讲解如何通过ui选择多个关联项并同步更新数据库中的链接表。文章将涵盖ui设计、后端逻辑处理、sql操作(包括插入与删除)以及事务管理,旨在提供一个清晰、专业的解决方案,确保数据一致性和良好的用户体验。 在现…

    2026年5月10日
    000
  • HTML布局方式有哪些_HTML常见布局方式的分类与使用场景详解

    浮动布局通过float实现图文混排,需处理高度塌陷;2. 定位布局用于精确控制元素位置,如固定导航;3. 弹性盒子适合一维自适应布局,如导航菜单;4. 网格布局支持二维结构,适用于复杂页面;5. 表格布局仅推荐用于数据展示;6. 多列布局优化长文本阅读;7. 响应式结合媒体查询适配多设备;8. 圣杯…

    2026年5月10日
    000
  • JavaScript中DOM元素ID与全局作用域的隐式绑定机制解析

    本文深入探讨了javascript中一个鲜为人知但实际存在的行为:html元素的id属性可能在全局作用域中创建同名变量。这种机制允许开发者在不使用this关键字或document.queryselector等方法的情况下直接访问dom元素,尤其是在类方法中,这常常导致对this关键字作用的误解。文章…

    2026年5月10日
    000
  • c++怎么将枚举(enum)转换为字符串_c++枚举转字符串实现方法

    C++中枚举无法自动转字符串,可通过std::map、switch语句、宏定义等方式实现映射,推荐switch高效清晰,宏适合大型项目维护。 在C++中,枚举(enum)不能直接转换为字符串,语言本身没有内置机制支持枚举值到字符串的自动转换。但可以通过几种常见方法实现枚举到字符串的映射,下面介绍几种…

    2026年5月10日
    000
  • PHP 并发文件操作中的数据完整性保障:使用文件锁防止数据丢失

    本文旨在解决服务器端在处理高并发文件写入时可能发生的数据丢失问题。当多个请求同时尝试修改同一文件时,可能导致竞态条件。通过引入 PHP 的文件锁(`flock`)机制,可以确保文件在写入过程中被独占访问,从而有效防止数据损坏或丢失,保障数据传输和存储的原子性与一致性。 在现代 Web 应用中,客户端…

    2026年5月10日
    000
  • Golang如何实现并发安全的缓存

    使用 sync.RWMutex 可实现读写安全的缓存,适用于读多写少场景;sync.Map 适合高并发下键频繁变化的情况;通过封装过期时间并启动清理 goroutine 支持 TTL;可选 channel 进行优雅控制。选择方案需根据读写比例、key 分布和是否需过期机制决定。 在Go语言中实现并发…

    2026年5月10日
    000
  • 如何在Python中设置Cookie?

    在python中,可以使用http.cookies模块或flask框架来设置cookie。使用flask设置cookie的步骤如下:1.创建响应对象,2.使用set_cookie方法设置cookie的名称、值和有效期。设置cookie时需考虑key、value、max_age、expires、pat…

    2026年5月10日
    000
  • 在HTML/PHP中正确调用外部JavaScript文件中的函数

    本教程详细阐述了在html或php文件中调用外部javascript函数时常见的错误及其正确解决方案。重点介绍了使用独立“标签加载外部文件后,再通过另一个“标签或利用`window.addeventlistener(“load”, …)`事…

    2026年5月10日
    000
  • html怎么调整图片大小?图片尺寸修改方法

    html怎么调整图片大小?图片尺寸修改方法html怎么调整图片大小?图片尺寸修改方法html怎么调整图片大小?图片尺寸修改方法html怎么调整图片大小?图片尺寸修改方法

    在网页开发中调整图片大小需结合html和css,常见方法有:1. 使用html的width和height属性直接设置固定尺寸,适合简单场景但不推荐用于响应式设计;2. 通过css控制图片尺寸,如设置width: 100%、max-width和height: auto实现灵活布局;3. 使用响应式图片…

    2026年5月10日 用户投稿
    000
  • 解决JavaScript下拉菜单动态数据显示问题:this上下文与数据处理详解

    本教程详细探讨了在javascript中,如何正确处理html下拉菜单(“)的`onchange`事件,以实现动态显示从外部数据源(如json文件)获取的信息。文章将重点解析`this`上下文的正确使用、如何高效获取选中的选项数据,以及如何将复杂的json对象以可读形式呈现在网页上,确保…

    2026年5月10日
    000
  • 如何在React中通过CSS覆盖内联HTML样式实现悬停效果

    本教程探讨在React应用中,当元素使用内联样式动态设置背景色时,如何通过CSS实现悬停(hover)效果来覆盖这些内联样式。文章将介绍三种主要方法:利用`!important`提高CSS优先级、通过CSS类管理动态样式(推荐),以及使用React事件和状态进行程序化样式控制,并提供相应的代码示例和…

    2026年5月10日
    100
  • XSLT如何输出HTML?

    <blockquote>XSLT输出HTML需定义xsl:output method="html",通过模板匹配XML节点生成HTML结构,利用xsl:value-of提取数据,xsl:attribute设置动态属性,并可嵌入link和…

    用户投稿 2026年5月10日
    000
  • 如何在Golang中使用缓存提升性能

    答案:Golang中常用sync.Map、go-cache和Redis提升性能,分别适用于简单本地缓存、单机带过期缓存和分布式场景,需合理设置过期时间、应对穿透雪崩并保证数据一致性。 在Golang中使用缓存是提升性能的常见手段,尤其适用于频繁读取、计算成本高或数据库访问密集的场景。合理引入缓存能显…

    2026年5月10日
    000
  • Golang 文件夹遍历如何实现_Golang 目录递归与文件筛选实践

    使用filepath.Walk或os.ReadDir递归遍历目录,结合后缀、大小等条件筛选文件,filepath.Walk适用于自动深度遍历,os.ReadDir适合自定义递归逻辑,配合strings.HasSuffix或filepath.Match可实现按扩展名或通配符过滤,Glob支持简单模式匹…

    2026年5月10日
    000

发表回复

登录后才能评论
关注微信