js的浅拷贝和深拷贝

最新推荐文章于 2023-02-11 15:42:12 发布
最新推荐文章于 2023-02-11 15:42:12 发布
阅读量96 收藏
点赞数
分类专栏： vue3 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43033748/article/details/121189560
版权
本文探讨JavaScript中的浅拷贝与深拷贝概念。通过示例展示了Object.assign()方法实现的浅拷贝，当修改源对象深层次属性时，目标对象也会受到影响。同时介绍了使用JSON.parse(JSON.stringify())方法进行深拷贝，以此实现完全独立的对象副本。
摘要由CSDN通过智能技术生成

在这里插入图片描述
1.浅拷贝只是简单拷贝一个对象，对于里面对象里面的对象只能拷贝到内存编号Object.assign()
var arr={name:‘why’,val:‘wqe’,friend:{name:‘1’}} ;var obj=Object.assign({},arr);arr.friend.name=“2131”;console.log(obj.friend.name)
VM649:1 2131
![在这里插入图片描述](https://img-blog.csdnimg.cn/90c883daa3e64a4ca0317a6e2e687b77.png
深拷贝
var OBJ=JSON.parse(JSON.stringify(arr))

叮咚前端
关注
专栏目录
订阅专栏
js中的浅拷贝、深拷贝
zjyJul的博客
08-11 293
Javascript中的浅拷贝、深拷贝与赋值
JS中实现浅拷贝和深拷贝的代码详解
10-16
标题中提到了JS中浅拷贝和深拷贝的实现方法，这是JavaScript编程中非常重要的知识点之一。在JavaScript中，变量可以存储两种类型的值：基本类型值和引用类型值。基本类型值包括String、Number、Undefined、Null、...
JS的深拷贝与浅拷贝
weixin_34130389的博客
03-08 119
前言 更多内容，请访问我的 个人博客。 深拷贝： arr1 = JSON.parse(JSON.stringify(arr2)) 复制代码修改arr2，不会影响到arr1。因为arr1和arr2指向不同的地址。 浅拷贝： arr1 = arr2 复制代码修改arr2，arr1会改变。因为arr1和arr2指向同一的地址。 转载于:https://juejin.im/post/5c820880...
JavaScript深拷贝与浅拷贝
weixin_60297362的博客
01-23 3527
文章目录一、理解二、浅拷贝1.用Js实现浅拷贝2. 浅拷贝语法糖2.1 写法2.3 应用三、深拷贝用Js实现深拷贝 一、理解 浅拷贝：只是拷贝一层，更深层次对象级别的只拷贝了地址 深拷贝：层层拷贝，每一级别的数据都会拷贝 二、浅拷贝 1.用Js实现浅拷贝 var obj = { id:1, name:'Andy', msg: { age:18 } } var newObj = {} for(var key in obj) { //key是当前属性名， obj[k]是当前属性值 ne
浅谈JavaScript深拷贝，浅拷贝
ChinaW_804的博客
11-17 238
浅拷贝和深拷贝概念 简单来说， 浅拷贝就是只拷贝一层，深层次的对象级别的就拷贝引用， 深拷贝就是层层拷贝，每一级别的数据都会拷贝出来； 如何区分深拷贝与浅拷贝？简单点来说就是，假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明是浅拷贝，如果B没变，那就是深拷贝。深入点来说，就是B复制了A，如果B复制的是A的引用，那就是浅拷贝，如果B复制的是A的本体，那就是深拷贝。在深入了解深拷贝和浅拷贝之前，我们先得了解堆栈和数据类型。 堆栈和数据类型 在js中，数据类型分为两种，基本类型和引用类型。基
js深度拷贝和浅拷贝
u011649976的博客
02-25 227
1.Object.assign(target, obj1, obj2); var a = {a:1,b:2}; var b = {}; Object.assign(b, a); console.log(b); // {a:1,b:2} a.a=2; console.log(b); // {a:1,b:2} 看着像深拷贝，其实不然不完全。再看如下： var a = {a:1,b:2, c: [...
JS浅拷贝和深拷贝原理与实现方法分析
12-11
JavaScript中的浅拷贝和深拷贝是两种不同的对象复制方式，它们在处理复杂对象时有着显著的区别。在JavaScript中，对象是引用类型，因此当一个对象被复制时，如果不进行特殊处理，复制的只是指向原对象的引用，而非...
JS赋值、浅拷贝和深拷贝（数组和对象的深浅拷贝）实例详解
11-20
深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的。  浅拷贝 只是拷贝了基本类型的数据，而引用类型数据，复制后也是会发生引用，我们把这种拷贝叫做浅拷贝（浅复制） 浅拷贝只复制指向某个对象的指针，而...
JavaScript深拷贝和浅拷贝概念与用法实例分析
01-19
本文实例讲述了JavaScript深拷贝和浅拷贝概念与用法。分享给大家供大家参考，具体如下： js中的浅拷贝和深拷贝，只是针对复杂数据类型(Objcet，Array)的复制问题。简单来讲浅拷贝和深拷贝都可以实现在原有对象的基础...
JS深拷贝和浅拷贝
小白成长史
01-21 3597
浅拷贝只是拷贝一层,更深层次对象级别的只拷贝引用。 浅拷贝是拷贝的内存地址，使新对象指向拷贝对象的内存地址。深拷贝是重新开辟一块内存空间，用来存放sources对象的值。 浅拷贝可以用for in 来实现，也可用es6新增方法Object.assign(target,...sources) 来实现，target为目标对象，sources为原对象(要进行拷贝的对象) 浅拷贝后改变target中的值，sources也会进行改变。深拷贝不会这样 深拷贝可以基于函数封装的方法来进行实现。 <b...
js深拷贝和浅拷贝
JQG的博客
05-16 207
在使用JavaScript对数组进行操作的时候，我们经常需要将数组进行备份，事实证明如果只是简单的将它赋予其他变量，那么我们只要更改其中的任何一个，然后其他的也会跟着改变，这就导致了问题的发生。let arr = ["One","Two","Three"]; let arr2 = arr; arrto[1] = "test"; console.log(arr)//One,test,Threecon...
js的深拷贝、浅拷贝
本博客只是个人的知识点的小总结，方便自己查阅，能帮助到你是最好的，如果有不正确之处，欢迎你的指正
02-11 1196
在了解深浅拷贝之前，我给大家先捋顺一下思路1、要首先知道什么是基本数据类型，什么是引用数据类型2、要记住，深浅拷贝是主要针对引用数据类型的3、请铭记！对于基本数据类型而言其实就是值的拷贝，会开辟响应空间进行存储，互不影响Array的concat方法不修改原数组，只会返回一个浅复制了原数组中的元素的一个新数组。2、slice( )Array的slice方法不修改原数组，只会返回一个浅复制了原数组中的元素的一个新数组。3、拓展运算符 （…)
JS中的深拷贝与浅拷贝
weixin_45119097的博客
10-28 874
JavaScript中的深拷贝与浅拷贝你了解吗？
javascript的深拷贝与浅拷贝
weixin_47417033的博客
05-21 2175
js常见面试题之深拷贝与浅拷贝，包含手撕代码等
JS基础知识（二十九）：深拷贝和浅拷贝
前端
11-17 984
文章目录1、深拷贝与浅拷贝概览2、赋值、深拷贝与浅拷贝区别3、浅拷贝实现方式3.1 Object.assign()3.2 Array.prototype.concat()3.3 Array.prototype.slice()4、深拷贝实现方式4.1 JSON.parse(JSON.stringify(arr))4.2 手写递归4.3 _.cloneDeep() 1、深拷贝与浅拷贝概览 在对象嵌套对象的情况下，我们会讨论深拷贝与浅拷贝。 浅拷贝只拷贝父对象，对于值类型的字段会复制一份，但是对于引用类型的字段只
JavaScript深入理解系列：深拷贝与浅拷贝
qq_18599727的博客
04-15 463
导读 在平时工作中或者面试中都会接触到对数据的复制，下面来实现一个比较完整的功能，提供全部思路，下面直接进入正文。 定义 回顾一下JavaScript中存在两大数据类型： 基本数据类型：String、Number、Boolean、Null、Undefined、Symbol（ES6 引入了一种新的原始数据类型，表示独一无二的值） 引用数据类型：Object（Array、Function、RegExp、Date…） [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uEI
JS 中深拷贝与浅拷贝以及实现方式
硬澳钾的博客
06-22 4834
浅谈JS 中深拷贝与浅拷贝，以及实现方式。 最近在做一些练习的时候因为js的深浅拷贝的问题踩过一些坑，这应该也是初学者们经常犯错一个点，在此记录加深记忆。 总所周知，数据大体可以分为两种数据类型，一种是基本数据类型，数据结构不是很复杂，单独可以存在内存中就可以，而另一种是复杂数据类型，也叫引用数据类型，例如数组和对象，是放在栈中存储的，而基本数据类型是放在内存中的，不涉及深拷贝和浅拷贝，也可以说基本数据类型的拷贝都是深拷贝。      简单来说浅拷贝主要拷贝
JavaScript浅拷贝与深拷贝的区别和实现方式
web前端开发
07-25 427
如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。1. 如果是基本数据...
详细讲解js中的深拷贝与浅拷贝
热门推荐
zhang_cherry的博客
09-27 2万+
深拷贝与浅拷贝在其它语言中也经常被提及到，在实际项目开发过程中也常常需要区分当前使用的到底是深拷贝还是浅拷贝，有时候在该使用深拷贝的地方，我们使用了浅拷贝，会导致深藏不露的bug。
js 浅拷贝和深拷贝
最新发布
08-30
- *1* [JS的深拷贝和浅拷贝](https://blog.csdn.net/baidu_33438652/article/details/124219924)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

叮咚前端

你的鼓励是我们的动力

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

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

打赏作者

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

抵扣说明：

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

余额充值