手写深拷贝

最新推荐文章于 2024-04-24 15:20:20 发布
最新推荐文章于 2024-04-24 15:20:20 发布
阅读量196 收藏
点赞数
分类专栏： JavaScript 文章标签： json
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JankoY/article/details/122582365
版权

什么是深拷贝

深拷贝就是完全拷贝一份独立的属性

  • B是A的拷贝，其中B没有对A对象/数据做任何引用
  • 只有要一条数据的引用，那就是浅拷贝

问清楚每一项问题

  1. 数据类型
  2. 数据规模
  3. 性能要求
  4. 运行环境
  5. 其他要求

最简单的方法：JSON序列化和反序列化

JSON.parse(JSON.stringify(data))

缺点

  1. 不支持函数，如果有函数会直接忽略
  2. 不支持undefined，只支持null
  3. 不支持引用，JSON只支持树状的结构
  4. 不支持正则

Supernova_gu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
手写实现一个深拷贝
yue200403的博客
07-07 2640
手写实现一个深拷贝属于数据结构的知识点，数据类型包含基本类型和引用类型，基本类型存储在栈中；引用数据类型存储在堆中；基本数据类型没有浅拷贝和深拷贝的区分，浅拷贝和深拷贝的问题存在于引用数据类型中。...
手写实现深拷贝
herman_student的博客
02-25 1286
原理：toString() 是 Object 的原型方法，调用该方法，可以统一返回格式为 “[object Xxx]” 的字符串，其中 Xxx 就是对象的类型。对于 Object 对象，直接调用 toString() 就能返回 [object Object]；而对于其他对象，则需要通过 call 来调用，才能返回正确的类型信息。原理：因为内部机制是通过判断对象的原型链中是不是能找到类型的。
手写深拷贝和浅拷贝
最新发布
qq_45438471的博客
04-24 500
本文主要说明如何实现深拷贝和浅拷贝。
前端手写(三)——手写深拷贝
weixin_47450807的博客
03-26 4473
一、写在前面 深拷贝就是对对象的深度拷贝，假如我们对象中的字段值任然是对象，如果使用浅拷贝，则只能拷贝对象的地址。实现深拷贝存在三种方法: 1、使用JSON.stringify和JSON.parse方法 2、手写一个深拷贝函数。 3、使用第三方库lodash。 下面我们将详细总结一下第一种和第二种。 二、JSON.stringify和JSON.parse方法 const obj = { name: 'Jack', address: { x: 100, y: 200 } } let
手写JS—深拷贝
Florenza的博客
12-08 2269
一个引用对象一般来说由两个部分组成：一个具名的Handle，也就是我们所说的声明（如变量）和一个内部（不具名）的对象，也就是具名Handle的内部对象。它在Manged Heap（托管堆）中分配，一般由新增引用对象的New方法是进行创建。深拷贝是指源对象与拷贝对象互相独立，其中任何一个对象的改动都不会对另外一个对象造成影响。比较典型的就是Value（值）对象，如预定义类型Int32，Double，以及结构（struct），枚举（Enum）等。一般简单来说我们都会这么写但是 会有循环引用的问题。
【手撕代码系列】JS手写实现深拷贝
CreatorRay的博客
05-19 1230
在本篇博客中，我们介绍了如何手写实现深拷贝。我们实现了一个递归遍历对象的函数，同时处理了函数和循环引用的情况。这个方法虽然比较简单，但是它可以很好地处理大部分情况，避免在修改对象时对原始对象产生影响。需要注意的是，手写实现深拷贝可能会带来一些性能上的问题。因为递归地遍历对象需要消耗大量的时间和内存。在处理大型对象或者嵌套层次很深的对象时，可能会出现性能问题。因此，建议在实际开发中，使用成熟的深拷贝库，如lodash的cloneDeep方法，可以更好地处理性能问题。
JavaScript 深拷贝 递归 手写
01-08
今天的学习笔记写在了自己的网页笔记本上，没有记录到博客，但是学到一个有关深拷贝的实现方法，为加深印象，这里给大家分享一下： 深拷贝：就是拷贝到最底层的属性。 function deepCopy(object){ //这里传入一个...
深拷贝.js(考虑最全的深拷贝函数)
06-27
js考虑最完善的深拷贝函数,可以深拷贝引用对象和基本对象
javascript深拷贝、浅拷贝和循环引用深入理解
10-18
JavaScript中的深拷贝和浅拷贝是编程中常见的概念，主要涉及到对象和数组的复制。在JavaScript中，数据类型分为基本数据类型（如Number、String、Boolean等）和引用数据类型（如Object、Array等）。基本类型直接存储...
js中的深拷贝和浅拷贝总结
01-08
2、深拷贝 二、实现方式 1、浅拷贝的实现方式 1.1 Object.assign(target,source)方法 1.2 Array.prototype.concat()方法 1.3 Array.prototype.slice(start,end)方法 2、深拷贝的实现方式 2.1 JSON.parse(JSON....
12-深拷贝.md
03-31
能在规定时间内写出功能健全、思路清晰、格式规整的代码，这是前端工程师的必备技能，所以面试时必考手写代码。本章将通过多个面试题，讲解前端常考的写代码问题，并总结出高质量代码的关键点。 ## 为何要考察 ...
【前端面试之手写代码】手写new，bind，深拷贝
阿卡内的博客
08-08 609
手写new，bind，深拷贝
手写浅拷贝和深拷贝
iaz999的博客
05-31 390
浅拷贝：只发生了值本身拷贝，指针指向的还是同一个地址，没有产生资源拷贝。深拷贝：不仅发生指针本身拷贝，还产生了新的资源分配，指针指向不同地址。
JavaScript中手写深拷贝函数-事件总线
m0_71485750的博客
07-09 717
JavaScript并没有给我们提供深拷贝的方法, 因为深拷贝是非常消耗内存的前面我们已经可以通过JSON的方法来实现深拷贝了：JSON.parse那么, 如果实际开发中真的需要深拷贝, 当然这种情况是非常少的, 但是如果真的需要, 我们就需要自定义深拷贝函数了手写深拷贝我们按照以下步骤:1.需要接收的参数接收一个对象作为参数, 对这个传入的对象进行深拷贝 2.返回值是什么返回一个已经完成深拷贝的新对象 3.内部实现我们思考一下, 如何判断是否是一个对象呢, 大家应该都想到了typeof, 但是我们
面试题：手写深拷贝（两种方法）
io_123io_123的博客
03-16 2067
两种方法实现深拷贝
js手写深拷贝
yuanqi3131的博客
12-12 3836
JS手写深拷贝 深拷贝：假设我有一个对象A，我赋值给B，无论怎么改变B，A都不会发生任何的改变，即为深拷贝 浅拷贝：假设我有一个对象A，我赋值给B，改变一下B，A就会跟着改变，A，B对象的地址指向一个地方，只是简单的赋值，即为浅拷贝。 网上有很多说数组的slice、concat方法对数组使用，或者对象使用Object.assign()和ES6的扩展运算符(…)可以实现深拷贝，这是不对的，以上的方法只能对一层的对象有用，多层嵌套的是不起作用的，什么是多层嵌套，下面是两层，obj对象属性name也是一个对象，还
js 手写深拷贝方法
wxid_mtnujb6ipc0322的博客
02-28 374
手写一个深拷贝是我们常见的面试题，在实现过程中我们需要考虑的类型很多，包括对象、数组、函数、日期等。以下就是深拷贝实现逻辑。
什么是深浅拷贝，手写深浅拷贝
qq_56012750的博客
12-08 160
自己的话理解
js 手写深拷贝和浅拷贝
09-06
所以，通过手写深拷贝和浅拷贝，可以更好地理解递归、循环引用、weakMap、创建各种引用类型的方法、判断数据类型、箭头函数与普通函数的区别、正则表达式等知识。<span class="em">1</span><span class="em">2...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Supernova_gu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值