深浅拷贝实现的方式

最新推荐文章于 2023-08-31 21:57:06 发布
最新推荐文章于 2023-08-31 21:57:06 发布
阅读量375 收藏 1
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yz2319697673/article/details/123613247
版权
浅拷贝:

浅拷贝只是创建数据并简简单单的把栈当中的引用地址拷贝了一份,当修改新拷贝的值时,被拷贝的对象也会被修改掉

实现方式:

Object.assign
Array.prototype.slice() , Array.prototype.concat()
使用拓展运算符实现的复制([…])

深拷贝:

深拷贝开辟一个新的栈,两个对象属性完全相同,但是对应两个不同的地址,修改一个对象的,另一个对象的属性不会改变

实现方式:

_.cloneDeep()
jQuery.extend()
MessageChannel()
JSON.stringfy()
手写递归循环

拷贝数组的方法:

1.扩展运算符(浅拷贝) 不能有效拷贝多维数据
2.for()循环(浅拷贝) 不能有效拷贝多维数组
3.while()循环(浅拷贝)
4.Array.map(浅拷贝) callback函数处理当前的数组,并返回一个新的数组元素
5.Array.filter(浅拷贝) 返回数组和过滤条件有关
6.Array.reduce(浅拷贝) 对每个元素执行提供的reducer函数,将其结果汇总为单个返回值
7.Array.slice(浅拷贝) 指定start,end的index从原数组返回一个浅拷贝的数组
8.JSON.parse & JSON.stringfy(深拷贝) 前者将对象转为字符串,后者将得到的字符串转回对象,可以安全的拷贝深度嵌套的对象/数组
9.Array.concat(浅拷贝)
10.Array.from(浅拷贝) 将任何可迭代对象转换为数组,给一个数组返回一个浅拷贝

姒姌
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript简单实现深浅拷贝过程详解
10-16
主要介绍了javascript简单实现深浅拷贝过程详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
详解python深浅拷贝区别
09-19
在本篇文章里小编给大家整理了关于python深浅拷贝区别的相关知识点总结，有兴趣的朋友们可以参考下。
深拷贝与浅拷贝（方法剖析）
Alone_Endeavor的博客
01-07 204
深拷贝、浅拷贝
实现 深浅拷贝
最新发布
syy1292的博客
08-31 253
面试必备——实现深浅拷贝
js深拷贝与浅拷贝
weixin_44706621的博客
10-17 360
关于js深浅拷贝 如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。 下面将会简单阐述到栈堆，基本数据类型与引用数据类型，因为这些概念能更好的让你理解深拷贝与浅拷贝。 我们来举个浅拷贝例子： let a=[0,1,2,3,4], b=a; console.log(a===b); a[0]=1; console.log(a,b); 嗯？明明b复制了a，为啥修改数组a，数组b也
js 深拷贝和浅拷贝区别，以及实现深拷贝的方法（转）
seasidexin的专栏
06-09 388
深拷贝和浅拷贝最根本的区别在于是否是真正获取了一个对象的复制实体，而不是引用，深拷贝在计算机中开辟了一块内存地址用于存放复制的对象，而浅拷贝仅仅是指向被拷贝的内存地址，如果原地址中对象被改变了，那么浅拷贝出来的对象也会相应改变。 1.深拷贝 1.1. 最简单的方法就是JSON.parse(JSON.stringify（）） function deepCopy(o) { return JSON.parse(JSON.stringify(o)) } var c = { age: .
深拷贝与浅拷贝区别，实现深拷贝的几种方法
weixin_38504735的博客
03-14 1046
一、深拷贝与浅拷贝区别，实现深拷贝的几种方法 这里只介绍jquery的extend方法 及JSON对象的parse和stringify 来实现深浅拷贝。其他感兴趣参考 https://www.cnblogs.com/echolun/p/7889848.html 二、基本数据类型与引用数据类型概念 1、基本数据类型 基本数据类型有哪些，number，string，boolean，null，undefined，symbol以及未来ES10新增的BigInt(任意精度整数)七类。 基本类型–名值存储在栈内存中
1.深浅拷贝.pptx
09-22
深浅拷贝ppt
详解iOS的深浅拷贝
01-20
OC对象的三种拷贝方式 OC的对象拷贝有如下三种方式，很多时候我们把深复制和完全复制混为一谈，其他他们是有区别的，具体如下 浅复制(shallow copy)：在浅复制操作时，对于被复制对象的每一层都是指针复制。 深...
Python字典深浅拷贝与循环方式方法详解
12-20
深浅拷贝 循环方式 字典常用方法总结 一、深浅拷贝 列表、元组、字典(以及其他) 对于列表、元组和字典而言，进行赋值(=)、浅拷贝（copy）、深拷贝(deepcopy)而言，其内存地址是变化不通的。 赋值(=) 赋值只是创建...
JS深浅拷贝实现
weixin_34249678的博客
04-04 303
引用赋值与浅拷贝的区别 引用赋值是地址的赋值，将对象指针赋值给一个变量，让此变量指向对象。 浅拷贝只会将对象的各个属性进行依次复制，并不会进行递归复制。 var obj = { a:1, arr: [2,3] }; var obj1 = {}; var shallowObj = {}; var deepObj = {}; //引用赋值，obj1指向obj所指向的对象 var obj1 = o...
对象深浅拷贝的四种方法
weixin_49462188的博客
10-19 1755
对象深浅拷贝的四种方法 存在这么一个对象，对他进行深拷贝 var obj = { name: '法外狂徒张三', age: 24, say() { console.log('鱼跃此时海'); } }; 浅拷贝 ：仅仅是指针给了另一个对象 var obj = { name: '法外狂徒张三', age: 24, say() { console.log('鱼跃此时海'
JS中的深浅拷贝以及实现深拷贝的几种方法.
weixin_33834910的博客
09-11 520
什么是浅拷贝?从基本类型和栈内存以及堆内存讲起. 我们在js中最常用的赋值方式就是浅拷贝.如: 两个对象a,b. 那么 让b等于a. var b = a; 这就是最基本的浅拷贝了.那浅拷贝的表现形式是什么呢? 解决这个问题我们要先谈谈js中的数据类型了. 在es5中有6中数据类型它们是:undefined,null,Boolean,Stirng,Number,Object. 在es6中新增一个...
JS深浅拷贝介绍与实现
我本可以
11-30 427
<font color=afb4db>深浅拷贝主要针对对象而言的。</font> <font color=abc88b>浅拷贝：只拷贝对象最外面一层的基本数据类型的数据；若属性是对象，只拷贝其引用。</font> <font color=8f4b4a>深拷贝：拷贝多层数据；每一层级别的数据都会拷贝。</font> <font color=50b7c1>深拷贝会把对象里所有的数据重新复制到新的内存空间，是最彻底的拷贝。</font>
什么是深拷贝和浅拷贝，如何进行浅拷贝？
qq_42822993的博客
09-10 973
什么是深拷贝和浅拷贝，如何进行浅拷贝 一、了解深浅拷贝前先来了解一个堆区、栈区 栈区存放基础数据类型的值(引用或常量) 堆区存放引用数据类型的值 浅拷贝：直接赋值地址 深拷贝：在内存中新建一个新的拷贝对象，将引用赋值 二、数组深拷贝 1.for循环拷贝 2.slice() 3.concat() 4.ES6的扩展运算符… 三、对象深拷贝 方法1：使用 JSON.parse(JSON.stringify(obj)); var obj={ name:'zhangsan', age:12 } var
浅谈深拷贝和浅拷贝（js）
热门推荐
GuoZebin的博客
10-05 2万+
如何区分深拷贝与浅拷贝？简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明是浅拷贝，如果B没变，那就是深拷贝。深入点来说，就是B复制了A，如果B复制的是A的引用，那就是浅拷贝，如果B复制的是A的本体，那就是深拷贝。在深入了解深拷贝和浅拷贝之前，我们先得了解堆栈和数据类型。 一.堆栈和数据类型 在js中，数据类型分为两种，基本类型和引用类型。基本类型指的是简单...
教你如何识别和实现深拷贝与浅拷贝
leondong_56828的博客
01-08 2749
秒懂深浅拷贝浅拷贝只是拷贝一层, 更深层次对象级别的只拷贝引用.【情形一】【情形二】【情形三】深拷贝拷贝多层, 每一级别的数据都会拷贝。深拷贝的实现（递归的方式） 浅拷贝只是拷贝一层, 更深层次对象级别的只拷贝引用. 【情形一】 var obj = { id: 1, name: 'andy', msg: { age: 18 } }; va
深浅拷贝的方法
xiaohu_haha的博客
05-24 550
1.浅拷贝：拷贝的是地址 <script> // 浅拷贝如果是一层对象，不相互影响。如果是多层对象拷贝还是会相互影响 const obj = { uname: '张三', age: 20 } // 方法一 // const newObj = {...obj} // newObj.age = 40 // console.log(obj) //{uname: '张三', age: 20} // consol
深浅拷贝的几种方法
qq_41893686的博客
03-04 578
深拷贝 方法一：递归 let user={ name:"咳咳", person:{ age:12 }, data:[] } function copy(object) { let obj = object instanceof Array ? [] : {}; for (const [k, v] of Object.entries(object)) { d
JS的深浅拷贝及实现？
06-12
JS 中的拷贝分为深拷贝和浅拷贝两种方式。 1. 浅拷贝：浅拷贝只是复制了原始对象的引用，而不是复制对象本身。当对象属性值为基本类型时，修改拷贝后的对象不会影响原始对象，但是当对象属性值为引用类型时，修改拷贝后的对象会影响原始对象。 浅拷贝可以通过以下方式实现： - Object.assign() 方法 ```js let obj1 = {a: 1, b: {c: 2}}; let obj2 = Object.assign({}, obj1); ``` - 扩展运算符 ```js let obj1 = {a: 1, b: {c: 2}}; let obj2 = {...obj1}; ``` - 数组的 slice() 和 concat() 方法 ```js let arr1 = [1, 2, {a: 1}]; let arr2 = arr1.slice(); let arr3 = arr1.concat(); ``` 2. 深拷贝：深拷贝会复制对象本身，而不是对象的引用。当对象属性值为基本类型或引用类型时，都会被完全复制，修改拷贝后的对象不会影响原始对象。 深拷贝可以通过以下方式实现： - JSON.parse() 和 JSON.stringify() 方法 ```js let obj1 = {a: 1, b: {c: 2}}; let obj2 = JSON.parse(JSON.stringify(obj1)); ``` - 手写递归实现深拷贝 ```js function deepClone(obj) { if (typeof obj !== 'object' || obj === null) { return obj; } let result = Array.isArray(obj) ? [] : {}; for (let key in obj) { if (obj.hasOwnProperty(key)) { result[key] = deepClone(obj[key]); } } return result; } ``` 需要注意的是，使用 JSON.parse() 和 JSON.stringify() 方法进行深拷贝时，被复制的对象中不能包含函数、undefined、NaN 等类型，否则会出错。手写实现深拷贝时，要考虑循环引用的情况，以避免死循环的发生。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值