JavaScript深拷贝与浅拷贝

最新推荐文章于 2024-05-02 19:37:05 发布
最新推荐文章于 2024-05-02 19:37:05 发布
阅读量1.4k 收藏 1
点赞数 1
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HJHAlone/article/details/124551759
版权

1.let newobj = JSON.parse(JSON.stringify(obj))

// 第一个方法属于深拷贝，可以复制对象，在新对象中进行数据更改时，原对象中的数据不会被更改

 

2.扩展运算符 ...

扩展运算符既具有深拷贝的性质，也具有浅拷贝的性质

对于拷贝对象的第一层，属于深拷贝；对于拷贝对象更深层次，则属于浅拷贝

 

HJHAlone
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
扩展运算符对对象的拷贝是深拷贝还是浅拷贝
qq_42816270的博客
03-05 1820
扩展运算符是浅拷贝
总结一下js的浅拷贝和深拷贝
忧郁的蛋的专栏
06-10 1471
对于对象中有对其他对象的引用，可以使用 WeakMap 来存储已经复制过的对象。是将一个对象的值复制给另一个对象，但如果对象中包含对其他对象的引用，则这些引用仍然指向原来的对象。这是使用 WeakMap 的一种示例，这个示例的深拷贝函数递归地复制对象，但检查 WeakMap 中是否已经存在该对象的副本，如果存在则直接使用副本，而不是重新创建。需要注意的是，使用构造函数复制内置对象类型只适用于部分内置对象类型，对于其他的内置对象类型，可能需要使用其他的方法来进行复制，或者使用第三方库来进行复制。
JavaScript中的深拷贝与浅拷贝
aike13ky的博客
05-02 476
深拷贝和浅拷贝在处理JavaScript对象时有着显著的区别。浅拷贝只复制对象的顶层属性，如果属性值是引用类型，则复制的是引用地址；而深拷贝会递归地复制对象的所有属性，包括子对象，使得新对象和原对象是完全独立的。在实际开发中，需要根据具体的需求来选择使用哪种拷贝方式，并注意各种拷贝方法的限制和优缺点。
JS深拷贝、浅拷贝 和 使用场景 详解
沐枫
10-24 8309
当对某个数据（数组或对象）进行拷贝后，修改新数据（拷贝后的数据）里面第1层的数据是不会影响老数据（被拷贝的数据）的，但是如果还要第2层 或 更深层次的数据（复杂数据类型），它仍然是有关联的，如果修改了新数据，那么老数据也会被修改。表示传递的是变量所在的内存地址【内存地址：也就是所谓的指针】（就是当一个变量的值 赋给 另一个新变量的时候，新变量修改了值，那么原来变量的值也会被修改，因为它们是同一个内存地址，所以一改全改）比如：想对某个数组 或 对象的值进行修改，但是又想保留原来数组 或 对象的值不被修改！
扩展运算符是深拷贝还是浅拷贝？
wj765453525的专栏
08-15 2688
javascript知识点，细节深入
JS的深拷贝和浅拷贝
SGK5201314的博客
02-24 223
浅拷贝是拷贝一层，深层次的对象级别的就拷贝引用；深拷贝是拷贝多层，每一级别的数据都会拷贝出来。 其实总结来看，浅拷贝的时候如果数据是基本数据类型，那么就如同直接赋值那种，会拷贝其本身，如果除了基本数据类型之外还有一层对象，那么对于浅拷贝而言就只能拷贝其引用，对象的改变会反应到拷贝对象上；但是深拷贝就会拷贝多层，即使是嵌套了对象，也会都拷贝出来。 实现浅拷贝的第一种方法 ES6中的Objec...
JavaScript深拷贝和浅拷贝概念与用法实例分析
10-18
主要介绍了JavaScript深拷贝和浅拷贝概念与用法,结合实例形式较为详细的分析了javascript深拷贝与浅拷贝的概念、原理、用法及相关操作技巧,需要的朋友可以参考下
javascript深拷贝和浅拷贝详解
10-20
在JavaScript中，深拷贝和浅拷贝是两种不同的复制对象或数组的方式，它们在处理复杂数据结构时尤其重要，因为它们决定了原数据和副本之间的关联关系。本文将详细解释这两种拷贝的区别以及如何实现它们。 **一、数组...
javascript深拷贝、浅拷贝和循环引用深入理解
10-18
JavaScript中的深拷贝和浅拷贝是编程中常见的概念，主要涉及到对象和数组的复制。在JavaScript中，数据类型分为基本数据类型（如Number、String、Boolean等）和引用数据类型（如Object、Array等）。基本类型直接存储...
Javascript 浅拷贝、深拷贝的实现代码
10-30
总结来说，浅拷贝和深拷贝是JavaScript中处理对象复制的关键概念，它们在处理复杂数据结构时尤为重要，特别是在需要保持原始数据不变性的场景下。了解和掌握这两种拷贝方式，能够帮助开发者更好地理解和控制对象之间...
关于...扩展运算符的深拷贝
qq_41191401的博客
08-24 3389
深拷贝，把对象地址指向独立出来，重新分配内存地址。平时开发中也经常用到。 先讨论下扩展运算符，这个东西最开始我不知道在哪里听说他是浅拷贝，一直没去验证，就记在心里。后面别一个学习伙伴推翻，说扩展运算符是深拷贝。后面一试，发现还真是，又觉得是深拷贝。今天开发正好遇到这个问题了。研究了一下，得出结论：扩展运算符既不是深拷贝，也不是浅拷贝。一半一半，他只能深拷贝第一层。第二层的拷贝还是浅拷贝 他只能拷贝第一层。 所以，还是老实用递归写深拷贝把。JSON的深拷贝就不说了，不好用哈，局限性太大了。 附上.
扩展运算法是不完全深拷贝
volunteer1024的博客
03-14 290
扩展运算法是不完全深拷贝结论例子 结论 扩展运算法是不完全深拷贝，在第一层是深拷贝，第二层是浅拷贝 例子 let a = { 'name': { 'info': 'hello', 'nums': [1, 2] }, 'arr': [1, 2], 'age': 12, 'map': { 'score': 1 } } let b = { ...a } b.age = 0 // 不一致 b.nums = [3] // 不一致 b.map = {} //
详解js中的浅拷贝与深拷贝
DZQ1223的博客
05-30 3623
栈(stack):由操作系统自动分配释放 ，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中的栈；堆(heap)：一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收，分配方式倒是类似于链表浅拷贝就是只拷贝基础数据类型的数据，并且数据只有单一的一层，而深拷贝用于拷贝具有复杂的数据类型的数据。
ES6基础常用系列——扩展运算符...以及深拷贝浅拷贝的理解
weixin_30561177的博客
01-18 1289
ES6较ES5而言，增加了很多优秀的特性，不过这小脑瓜一时间也消化不了，随用随记吧！扩展运算符可谓是里面的重中之重了，忆起当时刚接触vue的时候，三个点看了几遍才弄懂一点，后来用到的时候还是忘了，重新学习的，千里之行，始于足下，且一步一个脚印... 同样地，如果修改了原数组的成员，不会同步反映到新数组，则是深拷贝了，意思也就是说，深拷贝是单单拷贝了对象里面的值，并不是对象的存储地址 深...
ES6中的扩展运算符拷贝问题以及常用的深浅拷贝方法
weixin_43799793的博客
02-23 2343
ES6中数组和对象的扩展运算符拷贝问题以及常用的深浅拷贝方法 在ES6中新增了扩展运算符可以对数组和对象进行操作。有时候会遇到数组和对象的拷贝，可能会用到扩展运算符。那么这个扩展运算符到底是深拷贝还是浅拷贝呢？ 一.、使用扩展运算符拷贝 首先是下面的代码。 let a = [1,2,3]; let b = [...a]; a == b // false 结果是false，这是很容易知道的，毕竟这个赋值操作符是有区别的。接下来将数组的值进行改变，又会怎样呢； let a = [1,2,3]; let b =
JS扩展运算符（...）进行数组的深拷贝
qq_41199852的博客
10-08 1349
let temp = [1,1,1,1,1,1,1]; let temp2 = [1,1,1,1,1,1,1]; function del(array){ array[3] = 4; } function del2(array){ array[2] = 4; } del(temp);
JS中的扩展运算符...
卡卡的笔录
11-09 3976
JS中的扩展运算符一般用于以下情况： 数组和对象的深拷贝 let arr = ['a', 'b'] let arr1 = [...arr] let [...arr2] = arr console.log(arr1, arr2) //输出['a', 'b'] ['a', 'b'] 这里数组arr和arr1和arr2存储在不同的对内存地址中，互相之间不会产生任何影响。 数组或对象的拼接 l...
JavaScript中浅拷贝与深拷贝的概念及区别
Yannick_H的博客
07-19 1651
用JSON.stringify将对象转成JSON字符串，再用JSON.parse()把字符串解析成对象，一去一来，新的对象产生了，而且对象会开辟新的栈，实现深拷贝。返回一个新的数组对象，这一对象是一个由begin和end决定的原数组的浅拷贝(包括begin，不包括end).原数组元素不变。Array的slice和concat方法不修改原数组，只会返回一个浅复制了原数组中的元素的一个新数组。深拷贝是指复制并创建一个一模一样的对象，不共享内存，修改新对象，旧对象保持不变。...
JS之深拷贝与浅拷贝
qq_50797036的博客
10-13 1737
JS深拷贝与浅拷贝
javascript 深拷贝浅拷贝
最新发布
05-28
在 JavaScript 中，深拷贝和浅拷贝是两种不同的对象复制方式。 浅拷贝是指将原对象的引用复制到新对象中，新对象只是原始对象的一个浅表副本。也就是说，对新对象所做的更改也会反映到原始对象中。JavaScript 中最常见的浅拷贝方式是 Object.assign() 和展开运算符（...）。 深拷贝是指将原始对象及其所有属性和嵌套属性的值都完全复制到新对象中。换句话说，新对象和原始对象是完全独立的。JavaScript 中常见的深拷贝方式包括 JSON.parse(JSON.stringify(obj)) 和使用第三方库（如 Lodash 的 _.cloneDeep() 方法）。 需要注意的是，深拷贝有时会因为循环引用而导致问题。如果一个对象的属性指向自身或者指向其父级对象，则深拷贝可能会陷入死循环。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值