js 手写深拷贝方法

已于 2024-02-28 16:11:52 修改
阅读量300 收藏 3
点赞数 4
分类专栏： javascript 文章标签： javascript 开发语言 ecmascript
于 2024-02-28 16:07:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45532665/article/details/136347602
版权
了解本专栏 订阅专栏 解锁全文 超级会员免费看
小钱999
关注
  • 4
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
JavaScript 深拷贝 递归 手写
01-08
今天的学习笔记写在了自己的网页笔记本上，没有记录到博客，但是学到一个有关深拷贝的实现方法，为加深印象，这里给大家分享一下： 深拷贝：就是拷贝到最底层的属性。 function deepCopy(object){ //这里传入一个拷贝的对象 /*这里定义一个返回的新对象，也就是拷贝完成后的对象*/ let newObject = Array.isArray(object) ? []: {}; // 首先定义对象类型，如果传入的是数组，则定义一个空数组，如果是对象，则定义一个空对象 if(object && typeof(object) === 'object'){ //这里再次判断他
手写JS—深拷贝
Florenza的博客
12-08 2203
一个引用对象一般来说由两个部分组成：一个具名的Handle，也就是我们所说的声明（如变量）和一个内部（不具名）的对象，也就是具名Handle的内部对象。它在Manged Heap（托管堆）中分配，一般由新增引用对象的New方法是进行创建。深拷贝是指源对象与拷贝对象互相独立，其中任何一个对象的改动都不会对另外一个对象造成影响。比较典型的就是Value（值）对象，如预定义类型Int32，Double，以及结构（struct），枚举（Enum）等。一般简单来说我们都会这么写但是 会有循环引用的问题。
JavaScript中手写深拷贝函数-事件总线
m0_71485750的博客
07-09 699
JavaScript并没有给我们提供深拷贝的方法, 因为深拷贝是非常消耗内存的前面我们已经可以通过JSON的方法来实现深拷贝了：JSON.parse那么, 如果实际开发中真的需要深拷贝, 当然这种情况是非常少的, 但是如果真的需要, 我们就需要自定义深拷贝函数了手写深拷贝我们按照以下步骤:1.需要接收的参数接收一个对象作为参数, 对这个传入的对象进行深拷贝 2.返回值是什么返回一个已经完成深拷贝的新对象 3.内部实现我们思考一下, 如何判断是否是一个对象呢, 大家应该都想到了typeof, 但是我们
JS中的浅拷贝与深拷贝方法（秒懂拷贝原理与手写深拷贝）
最新发布
百赢出品，必属精品
04-04 1128
换句话说，新对象和原对象的所有属性，包括引用类型属性，在内存中都是完全独立的。需要注意的是，浅拷贝和深拷贝只针对引用类型的属性，对于原始类型的属性，复制的都是值。浅拷贝是指创建一个新对象，然后将原对象的引用类型的属性复制给新对象。当对象中包含嵌套的子对象，且需要确保复制后的对象完全独立于原始对象时，应使用深拷贝。如果只需要复制对象的部分属性，可以使用浅拷贝来复制所需的属性，而不必复制整个对象。如果需要复制对象的所有子对象，而不仅仅是第一层的属性，应使用深拷贝。操作七：深拷贝中的循环引用。
JS - 手写深拷贝、浅拷贝
m0_57406075的博客
09-06 114
JS 手写深拷贝、浅拷贝
JS 浅拷贝和深拷贝详解(巨详细)
qq_63299825的博客
06-02 4273
浅拷贝，指的是创建新的数据，这个数据有着原始数据属性值的一份精确拷贝如果属性是基本类型，拷贝的就是基本类型的值。如果属性是引用类型，拷贝的就是内存地址即浅拷贝是拷贝一层，深层次的引用类型则共享内存地址深拷贝开辟一个新的栈，两个对象属性完成相同，但是对应两个不同的地址，修改一个对象的属性，不会改变另一个对象的属性。
js手写深拷贝
h220801__zzl的博客
03-03 369
js深拷贝
【手撕代码系列】JS手写实现深拷贝
CreatorRay的博客
05-19 1138
在本篇博客中，我们介绍了如何手写实现深拷贝。我们实现了一个递归遍历对象的函数，同时处理了函数和循环引用的情况。这个方法虽然比较简单，但是它可以很好地处理大部分情况，避免在修改对象时对原始对象产生影响。需要注意的是，手写实现深拷贝可能会带来一些性能上的问题。因为递归地遍历对象需要消耗大量的时间和内存。在处理大型对象或者嵌套层次很深的对象时，可能会出现性能问题。因此，建议在实际开发中，使用成熟的深拷贝库，如lodash的cloneDeep方法，可以更好地处理性能问题。
手写实现一个深拷贝
yue200403的博客
07-07 2454
手写实现一个深拷贝属于数据结构的知识点，数据类型包含基本类型和引用类型，基本类型存储在栈中；引用数据类型存储在堆中；基本数据类型没有浅拷贝和深拷贝的区分，浅拷贝和深拷贝的问题存在于引用数据类型中。...
JS手写递归深拷贝
qq673490419的博客
07-31 715
JS手写递归深拷贝
深拷贝.js(考虑最全的深拷贝函数)
06-27
js考虑最完善的深拷贝函数,可以深拷贝引用对象和基本对象
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....
javascript深拷贝、浅拷贝和循环引用深入理解
10-18
本文给大家详细讲述了javascript深拷贝、浅拷贝和循环引用的相关知识点，对此有兴趣需求的朋友学习下。
30_手写防抖节流-深拷贝-事件总线1
08-04
30_手写防抖节流-深拷贝-事件总线1
【js手写系列】js深拷贝（最全）
weixin_47520173的博客
09-12 254
js深拷贝（最全）
JS手写实现深拷贝(考虑循环引用)
CreatorRay的博客
03-03 1932
作为一个前端，一定对深拷贝这个名词不陌生，深拷贝是非常重要的。 为什么存在深拷贝？ 深拷贝这个名词的诞生也是有由来的，在JS里，所有的变量类型都可以简单分为基本类型和应用类型。 比如 123, 'aaa' 数值和字符串，属于基本类型，它们在进行赋值的时候，可以直接赋值，比如let a = 123, b = a;这个是没有问题的，a和b互不影响。 但是[1, 2, 3] { a: 1 }，像数组和对象这种引用类型，在进行赋值拷贝的时候，简单的=并不足够，如果你依然像对待基本类型一样对待引用类型的拷贝。你拷贝的
js 手写深拷贝和浅拷贝
09-06
深拷贝和浅拷贝是 JavaScript 中用于复制对象的两种不同方式。 浅拷贝只是复制对象的第一层属性，而不会复制对象中的引用类型属性。也就是说，浅拷贝只会复制对象的引用，而不会创建一个新的对象。这意味着，如果原始对象中的引用类型属性发生变化，拷贝后的对象中的属性值也会随之改变。使用浅拷贝可以通过遍历对象中的属性，并将其复制到一个新对象中来实现。你可以使用循环、递归或者使用一些内置的方法来手写浅拷贝。举个例子，你可以通过遍历对象中的属性，并将其复制到一个新对象中来实现浅拷贝。比如使用递归的方式，你可以逐个复制对象中的属性到一个新的对象中，但是注意，只有第一层的属性会被复制到新对象中。 深拷贝则是复制对象的所有层次，包括对象的引用类型属性。这意味着，如果原始对象中的引用类型属性发生变化，拷贝后的对象中的属性值不会受影响。深拷贝会创建一个完全相同但是独立的对象。实现深拷贝可以使用递归的方式，对于对象的每一个属性，如果是引用类型，则递归调用深拷贝方法来复制属性值。你也可以使用一些内置的方法或者第三方库来实现深拷贝，比如使用 JSON.parse(JSON.stringify(object)) 来实现深拷贝。需要注意的是，使用这种方法时，对象中的函数、正则表达式以及 undefined 类型的属性会被忽略掉。 所以，通过手写深拷贝和浅拷贝，可以更好地理解递归、循环引用、weakMap、创建各种引用类型的方法、判断数据类型、箭头函数与普通函数的区别、正则表达式等知识。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [JavaScript基础：手写浅拷贝与深拷贝](https://blog.csdn.net/imagine_tion/article/details/115322522)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [JS 浅拷贝和深拷贝详解(巨详细)](https://blog.csdn.net/qq_63299825/article/details/131003216)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值