深拷贝、浅拷贝、的区别以及方法？？

最新推荐文章于 2024-08-16 17:36:42 发布

懒洋洋大王保佑我发财

最新推荐文章于 2024-08-16 17:36:42 发布

阅读量112

点赞数

文章标签： javascript vue.js

本文链接：https://blog.csdn.net/m0_58027389/article/details/126142900

版权

深拷贝拷贝的是值浅拷贝拷贝的是地址

浅拷贝：将原对象的引用直接赋给新对象，新对象只是原对象的一个引用，而不复制对象本身，新旧对象还是共享同一块内存
深拷贝：创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用”，新对象跟原对象不共享内存，修改新对象不会改到原对象

基本数据类型存储在栈中引⽤类型的对象存储于堆中

数组深拷贝的方法

可以用 JSON.parse(JSON.stringify())
concat
展开运算符

对象的深拷贝

可以用 JSON.parse(JSON.stringify())
用递归实现

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

懒洋洋大王保佑我发财

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

深拷贝和浅拷贝区别了解吗？什么是引用拷贝？

m0_56653160的博客

07-26

654

如果属性是引用类型（如对象、数组等），拷贝的就是内存地址，即引用本身，而不是引用的对象。因此，如果原始对象中的引用类型属性被修改了，那么浅拷贝得到的对象中的对应属性也会受到影响。深拷贝不仅创建了一个新的对象，而且递归地复制了原对象中的所有引用类型属性所指向的对象，直到这些属性都是基本数据类型为止。这样，深拷贝得到的新对象和原始对象在内存中是完全独立的，对原始对象的任何修改都不会影响到深拷贝得到的对象。但是，如果对象中包含引用类型的属性，那么这些引用类型的属性在浅拷贝后仍然指向原始对象中的内部对象。

前端深拷贝浅拷贝的问题

01-20

在前端开发中，深拷贝和浅拷贝是两个重要的概念，它们关乎到对象和数组复制的机制。当需要创建一个原始对象或数组的副本，而不希望改变原始数据时，就需要考虑这两种拷贝方式。首先，浅拷贝是创建一个新对象，这个...

参与评论您还未登录，请先登录后发表或查看评论

Java基础|对象克隆深浅拷贝你真的搞懂了吗？

不甩锅的码农

06-16

1300

Object 的 clone 方法是为什么是 protected 修饰？什么时候需要用到 clone 方法？浅拷贝、深拷贝区别是什么？如何实现？

vue深拷贝

CxOneCom的博客

03-08

201

当使用同一个对象产生冲突时，可以使用lodash包，对该对象进行深拷贝，从而使操作的对象为不同的对象。使用方法 import _ from 'lodash' //因为使用同一个addForm会和级联选择框出现冲突， //所以使用lodash的cloneDeep函数来对addForm对象进行复制 const form = _.cloneDeep(this.addForm); form.goods_cat = form.goods_cat.join(',')

vue深拷贝的几种方式

最新发布

weixin_42498594的博客

08-16

403

比较全面的深拷贝，缺点比较繁琐。

Vue深拷贝

dibaotui0692的博客

06-13

114

适用于vue深拷贝 function coppyArray(arr){ return arr.map((e)=>{ if(typeof e==='object'){ return Object.assign({},e); }else{ return e; } ...

【vue】vue深拷贝

Meditation_Crazy

08-25

319

vue 深拷贝 方式1 测试 let param = JSON.parse(JSON.stringify(this.$route.params)) param.jg = '测试1' console.log(param, this.$route.params) 结果方式2 测试 let param = { ...this.$route.params } param.jg = '测试1' console.log(param, this.$route.params) 结果 ...

vue对象的深拷贝

jojodeblog的博客

07-16

650

let obj={}; //this.templateData是需要拷贝的对象 obj=JSON.parse(JSON.stringify(this.templateData)); return obj

Java Clone深拷贝与浅拷贝的两种实现方法

08-26

Java Clone 深拷贝与浅拷贝的两种实现方法 Java Clone 是 Java 语言中的一种复制对象的机制，它可以将一个对象的所有属性和状态复制到另一个对象中，实现对象的深拷贝和浅拷贝。下面我们将讨论 Java 中的深拷贝和浅...

JS浅拷贝和深拷贝原理与实现方法分析

12-11

JavaScript中的浅拷贝和深拷贝是两种不同的对象复制方式，它们在处理复杂对象时有着显著的区别。在JavaScript中，对象是引用类型，因此当一个对象被复制时，如果不进行特殊处理，复制的只是指向原对象的引用，而非...

java深入理解浅拷贝和深拷贝

12-21

浅拷贝和深拷贝的区别在于复制对象时对内存中数据的处理方式。 浅拷贝（Shallow Copy）指的是创建一个新的对象，该对象与原对象具有相同的引用，也就是说，它们共享同一块内存空间。如果对象包含的是基本类型的数据...

Vue深拷贝、浅拷贝

weixin_44590591的博客

09-14

879

原理： 深拷贝：在堆里边开辟一个新的空间，存放自己的属性值 浅拷贝：新对象赋值，只是取的旧对象栈中的值（当一个对象赋给另一个对象时，修改另一个对象的值会影响前一个对象的值）使用方法 1、浅拷贝 //如果修改b对象中的name，会同时把a对象中的name修改掉 let a = {name:"浅拷贝"}; let b = {name:"深拷贝"}; b = a; 2、深拷贝 //JSON.stringify()对象转为串，JSON.parse()串转为对象，JSON操作是深拷贝操作 // 深拷贝：防止修改原

Vue 深拷贝 | 浅拷贝

xiao_yubaobao的博客

03-29

424

问题：Vue两个对象数据之间同步更改涉及知识点： 浅拷贝：新对象赋值，只是取的旧对象栈中的值，也就是引用对象的值 深拷贝：会在堆里边开辟一个空间，存放自己的对象值问题案例： this.a = { name: "张三", age: 20 }; let b = a; b.name = "李四" ；//当修改b对象的name值时， this.a = { name: "李四", age: 20 }；//a对象的name值也会变成李四；解决办法： this.a = { name: "张三", age:

vue中对一对象集合进行深拷贝

weixin_35749796的博客

02-01

241

在 Vue 中，可以使用 JSON.parse(JSON.stringify(object)) 来实现对对象集合的深拷贝。注意：该方法不能处理对象中的函数、循环引用等。如需处理这些情况，可以使用其他深拷贝库，例如 lodash 的 cloneDeep。 ...

vue 深拷贝和浅拷贝

weixin_44575130的博客

05-25

447

vue 深拷贝和浅拷贝 什么是深拷贝和浅拷贝 深拷贝和浅拷贝只针对像 Object, Array 这样的复杂对象，假设B复制了A，当修改B时，看A是否会发生变化，如果A变了，说明是浅拷贝；如果A没变，那就是深拷贝 <script> export default { name: 'index', data () { return { obj: { name: '深拷贝or浅拷贝', dec: '测试深拷贝和浅拷贝' }

Vue数据深拷贝方法

圣人男的博客

03-17

6138

Vue项目父组件向子组件传递数据，子组件采用el-form 对数据进行绑定，因为数据绑定是双向的，对数据进行更改后，造成了其他依赖数据的组件显示不正确的情况，所以考虑对数据进行深拷贝，方法如下 function judgeType (obj) { // tostring会返回对应不同的标签的构造函数 const toString = Object.prototype.toStri...

Vue中怎么实现深拷贝

qwe0415的博客

01-19

865

怎么实现深拷贝

Vue 实现深拷贝的方法

qq_34147019的博客

09-12

1515

函数会递归遍历对象和数组，并创建它们的深拷贝。请注意，这只是一个简单的示例，实际中可能需要考虑更多的情况，如循环引用等。方法还是自定义的深拷贝函数，深拷贝是在处理复杂数据结构和对象时非常有用的工具，可以确保不会影响到原始对象的数据。如果您不想引入额外的库，也可以编写一个递归函数来实现深拷贝。方法，或者自己编写一个递归的深拷贝函数。下面分别介绍这两种方法。Vue 中实现深拷贝的方法可以使用第三方库。首先，确保您的项目中已经引入了。

vue实现深拷贝的方法

花生日记

05-27

5015

5.在 vue中，使用方法进行深拷贝的时候，需要注意：（1）如果属性B和变量A共享同一个对象，那么可以使用方法将变量A的属性赋值给变量B （3）在方法中定义一个新的类来代替原来的类，将两个方法的作用域进行区分。我们来看一下深拷贝的代码：我们看到，这里使用了数组（string）和对象（object）进行深拷贝，这里我们首先对数组（string）和对象（object）进行了复制操作，然后在需要进行修改的地方，使用了vue-cli中的属性（value）来进行修改。但要实现深拷贝，需要两个对象具有相同的属性。