js中深克隆与浅克隆

最新推荐文章于 2024-05-27 09:36:13 发布
最新推荐文章于 2024-05-27 09:36:13 发布
阅读量487 收藏 1
点赞数
分类专栏： JS 文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42611825/article/details/126573674
版权

浅克隆：原始类型按值传递，对象类型按引用传递，与原对象共用一处内存，修改会使原对象也修改

实现方式：

1、for...in只循环第一层

2、Object.assign方法

3、直接用=赋值

深克隆：在内存中开辟一块新内存，将原对象中的所有值全部复制过去，与原对象完全脱离，修改新对象中的属性值不会影响原对象

实现方式：

1、采用递归去拷贝所有层级属性

2、通过JSON对象来实现深拷贝

3、用slice实现对数组的深拷贝

4、用concat实现对数组的深拷贝

5、使用扩展运算符...实现深拷贝

SVINO
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
java 深克隆与浅克隆
09-11
Java 深克隆与浅克隆 Java 中的克隆机制可以让我们方便地制造出一个对象的副本来，但是在克隆过程中需要注意浅克隆和深克隆的区别。 浅克隆（Shallow Clone）是指对对象的域进行简单的 copy，对象的reference变量...
JavaScript浅层克隆与深度克隆示例详解
10-14
JavaScript中的浅层克隆与深度克隆是两种不同的对象复制方式，它们主要处理对象和数组这类引用类型的数据。这两种克隆方法的区别在于处理对象内部引用值的方式，即对堆内存中对象的复制程度。 1. **浅层克隆**： ...
Js实现深克隆和浅克隆的方法！
Wsh20210301的博客
08-07 1197
深克隆和浅克隆的定义 浅克隆定义： 直接将存储在栈中的值赋值给对应变量，如果是基本数据类型，则直接赋值对应的值，如果是引用类型，则赋值的是地址。 浅克隆代码： function lowClone(Clone){ let obj={}; for(let key in Clone){ obj[key]=Clone[key] } return obj; } let a = {
js实现深浅拷贝的几种方法，实例讲解
qzo_smile的博客
04-27 5380
为什么会有深浅拷贝？ js有基本类型和引用类型 基本类型 string number boolean undefined null symbol 引用类型 object function array 涉及到栈内存和堆内存 基本类型创建的变量和值都保存在栈内存中，name 和 val，当复制时，栈内存会新开辟一个内存，它们 之间就不会相互影响。 引用类型的变量在栈内存中（name）， val指向的是一个堆地址，值保存在堆内存中，当复制时，在栈内存创建一个新的变量，但是val依然指向那个堆地址，值发生改
在JS中有哪些常见的浅克隆实现方式
最新发布
weixin_52231116的博客
05-27 519
本文主要介绍在JS中常见的几种浅克隆实现方式，以及注意事项
JS 深度克隆的实现方法
UserGuan的博客
05-28 3239
如果这个对象里面含有 Map 之类的这些玩意，克隆之后这个 mapList 就不再是一个 Map 结构了。console.log("克隆后的对象", deepClone(obj));console.log("克隆后的对象", deepClone(obj));// 环形引用 obj.c 等于 obj 本身。或者是这个对象里面有一些函数之类的，克隆之后这个函数后都没有了。console.log("原对象", obj);console.log("原对象", obj);
js对象克隆的几种方法
爱的叹息的专栏
11-23 6274
在js中对象克隆就是把对象值重新赋给一个新对象。克隆也存在深克隆于浅克隆的区别。引用类型的值都会被保存在堆内存中，在栈内存中会存在一个指针指向堆内存中的值。这时，如果只复制了指针，则可以说这个克隆为浅克隆，如果时根据指针找到具体的值，复制值，就可以称之为深克隆。
如何正确克隆 JavaScript 对象？
kalman2019的博客
12-19 634
我有一个对象 x。我想将它复制为对象 y，这样对 y 的更改就不会修改 x。我意识到复制从内置 JavaScript 对象派生的对象会导致额外的、不需要的属性。这不是问题，因为我正在复制我自己的文字构造对象之一。如何正确克隆 JavaScript 对象？
实例分析java对象中浅克隆和深克隆
08-26
浅克隆和深克隆在Java对象中的应用 在Java编程语言中，克隆（Clone）是一种常见的对象复制机制。克隆可以分为浅克隆（Shallow Clone）和深克隆（Deep Clone）两种。浅克隆仅复制对象的引用，而深克隆则完全复制对象...
基因工程与克隆技术.ppt
11-12
基因工程与克隆技术.ppt
java 深克隆 浅克隆
11-28
在Java编程语言中，克隆是一种创建对象副本的方法，它允许我们复制一个对象并得到一个与原对象相同但独立的新对象。克隆分为两种主要类型：深克隆和浅克隆。理解这两种克隆的区别是Java面向对象编程中的重要概念。 ...
js进阶：对象的克隆
m0_52242001的博客
06-17 1859
js对象克隆，是js进阶必要的过程，需要每个程序员都懂
JS：浅克隆和深克隆、数组的深浅克隆
liuxudanhahaha的博客
12-30 1203
JS中的浅克隆和深克隆 一、浅克隆 1.浅克隆：被复制对象的所有变量都含有与原来的对象相同的值，而所有的对其他对象的引用仍然指向原来的对象。换言之，浅复制仅仅复制所拷贝的对象，而不复制它所引用的对象。 2.实现浅克隆，以数组为例 准备一个空的结果数组，然后使用for循环遍历原数组，将遍历到的项都推入结果数组 浅克隆只克隆数组的一层，如果数组是多维数组，则克隆的项会“藕断丝连”。 我们先来看一下var arr2 = arr1能不能实现语句的浅克隆 // 准备原数组 var arr1 = [33, 44,
js实现深浅克隆
woshiliyuwang的博客
10-31 183
js实现深浅克隆 浅克隆：基本数据类型，则直接赋值，引用类型，则赋值的是地址。引用类型引用的是同一块地址，所以其中一方改变时，另一方也会改变 深克隆：基本数据类型，则直接赋值，引用类型创建一个新的空对象，开辟一块内存，然后将原对象中的数据全部复制过去，完全切断两个对象间的联系。 实现：定义函数将其挂载到Object的原型上，传入标记判断深浅克隆，然后判断判断其类型标记是否深克隆，基本类型直接返回，引用类型遍历每一项的值递归调用自己。 代码如下 Object.prototype.clone
对象的深克隆javascript实现
weixin_42591413的博客
02-16 87
在 JavaScript 中，深克隆一个对象通常可以通过递归实现。具体来说，需要遍历对象的每一个属性，如果某个属性是对象或数组，那么需要递归地进行深克隆，否则直接将其赋值给新对象即可。 以下是一个简单的深克隆实现： function deepClone(obj) { if (obj === null || typeof obj !== "object") { // 如果不是对象或数组，...
JS中深克隆和浅克隆的区别以及如何实现？
weixin_54681929的博客
09-01 1152
目录一、如何实现深克隆与浅克隆？1、浅克隆2、深克隆二、深克隆与浅克隆的区别 最近在回顾之前的笔记时，无意间翻阅到了深克隆和浅克隆的模块，感觉其中涉及了很多以后面试中可能会遇到的问题，所以写下此博客用于加深印象！ 一、如何实现深克隆与浅克隆？ 1、浅克隆 我们可以从其名字中的一个“浅”字展开来说，顾名思义，通过这种方式克隆出来的数据并不能完全脱离原数据，克隆前与克隆后的变量各自的变化却会相互影响，表现的就跟同一个人一样。 原理： 究其原因，这还得追溯回原始值与引用值。引用值是指一些复合类型数据的值，包括Ob
js的深克隆与浅克隆
玛已的小空间
08-20 288
手写实现深浅克隆，structuredClone
js深浅克隆
qq_43198727的博客
09-28 107
js深浅克隆
JS对象的深克隆与浅克隆
qq_32755875的博客
03-24 285
浅克隆 let obj = { a: 100, b: [10, 20, 30], c: { x: 10 }, d: /^\d+$/ }; let obj2 = {}; 现在想把obj里的每一项都复制给obj2，循环实现浅克隆 for ( let key in obj ) { /*obj.hasOwnProperty(key)如果为true是私有属性， 为false说明不是私有属性，不是私有属性则不遍历 即!obj.has
前端面试复习大仓库(js+网络)
06-04
"前端面试复习资料，涵盖...同时，掌握浅克隆和深克隆的概念对于处理复杂数据结构至关重要，这在实际开发中常常会遇到。在面试中，这些知识点不仅能展示你的技术功底，还能体现你对JavaScript内存管理的理解。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值