js深浅拷贝

最新推荐文章于 2022-09-02 16:02:08 发布

weixin_30530523

最新推荐文章于 2022-09-02 16:02:08 发布

阅读量73

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yishenweilv/p/10717269.html

https://www.jianshu.com/p/0d7bd31ccf43

转载于:https://www.cnblogs.com/yishenweilv/p/10717269.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30530523

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JS 常用深拷贝方法总结

Ivan的编程随笔

08-28

2152

拷贝：其实就是一个对象复制给另外一整个对象，让对象相互不影响。浅拷贝和深拷贝之间的区别：假设A复制了B，B发生了改变，A也跟着改变，就是浅拷贝，如果A没有变化，那就是深拷贝

JS 浅拷贝和深拷贝详解(巨详细)

qq_63299825的博客

06-02

5272

浅拷贝，指的是创建新的数据，这个数据有着原始数据属性值的一份精确拷贝如果属性是基本类型，拷贝的就是基本类型的值。如果属性是引用类型，拷贝的就是内存地址即浅拷贝是拷贝一层，深层次的引用类型则共享内存地址深拷贝开辟一个新的栈，两个对象属性完成相同，但是对应两个不同的地址，修改一个对象的属性，不会改变另一个对象的属性。

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

2021深入理解js的深浅拷贝 面试必过

mao1632471875的博客

02-01

249

就比如很多人会百度许多资料直到通过递归循环拷贝可以实现深拷贝，至于为什么是这样，不明白原理。那么今天就带你解开深拷贝神秘的面纱。这就涉及到一道面试题，看似没什么软用，实则非常有用的一道面试题目。 js一共有六种数据类型：五种简单数据类型和一种复杂数据类型：五种简单数据类型包括：String、Number、Boolean、undefined、Null 一种复杂数据类型：obeject 引用类型有 Array Date Function 基本数据类型是指存放在栈中的简单数据段，数据大小确定，内存空间大小可

js深拷贝方法

泛酸的桂花酒

08-03

183

/** * 深拷贝方法 * @param {*} source */ const objDeepCopy = (source) => { if (typeof source === 'object') { var sourceCopy = source instanceof Array ? [] : {} for (var item in source) { if (!source[item]) { sourceCopy[item] = sour

js深度拷贝与浅度拷贝

qq_41910413的博客

10-21

180

如果你想真正自己理解和运用深度克隆的话，首先必须要了解的就是js中的原始值和引用值，以及它们的储存位置及方式。这里简单的说一下，原始值是存储在栈里的，而且存储的是变量的实际值。引用值存储在堆里，且存储的是一个指针，该指针指向内存中的某个位置，该位置存储变量的实际值。浅度拷贝 var a = 2 ; var a_copy = a ; a_copy = 3; console.log(a); va...

JS拷贝的几种方法

Venchi的博客

03-18

8971

1. 遍历,就是把对象的属性遍历一遍，赋给一个新的对象。 var deepCopy= function(source) { var result={}; for (var key in source) { result[key] = typeof source[key]===’object’? deepCoyp(source[key]): sou...

JS赋值、浅拷贝和深拷贝（数组和对象的深浅拷贝）实例详解

11-20

本文实例讲述了JS赋值、浅拷贝和深拷贝（数组和对象的深浅拷贝）。分享给大家供大家参考，具体如下：深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的。浅拷贝只是拷贝了基本类型的数据，而引用类型...

js中的深浅拷贝问题简析

10-17

在JavaScript中，我们经常会遇到需要拷贝...总的来说，理解JavaScript中深浅拷贝的概念和区别，有助于我们编写更加健壮和高效的代码。在实际开发中，根据数据结构的复杂度和业务需求来选择合适的拷贝方式是至关重要的。

JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)

12-09

说到深浅拷贝，必须先提到的是JavaScript的数据类型，之前的一篇文章JavaScript基础心法——数据类型说的很清楚了，这里就不多说了。需要知道的就是一点：JavaScript的数据类型分为基本数据类型和引用数据类型。 ...

详细分析JavaScript中的深浅拷贝

01-18

在说JS中深浅拷贝之前，我们需要对JS中的数据类型有所了解，分为基本数据类型与引用数据类型，对于基本数据类型并没有深浅拷贝的说法，深浅拷贝主要针对引用数据类型。一、浅拷贝浅拷贝只复制了引用，并没有复制...

JS关于Object.assign()和浅拷贝、深拷贝

honestrobot的博客

09-02

801

JS关于Object.assign()和浅拷贝、深拷贝

js 数组或对象浅拷贝深拷贝的几种方法

热门推荐

haogemr的博客

03-13

1万+

第一种 function deepClone(obj){ var str,newObj = obj instanceof Array? [] : {}; if(typeof obj !== 'object'){ return; }else if(window.json){ ...

JS 中深拷贝与浅拷贝以及实现方式

硬澳钾的博客

06-22

4894

浅谈JS 中深拷贝与浅拷贝，以及实现方式。最近在做一些练习的时候因为js的深浅拷贝的问题踩过一些坑，这应该也是初学者们经常犯错一个点，在此记录加深记忆。总所周知，数据大体可以分为两种数据类型，一种是基本数据类型，数据结构不是很复杂，单独可以存在内存中就可以，而另一种是复杂数据类型，也叫引用数据类型，例如数组和对象，是放在栈中存储的，而基本数据类型是放在内存中的，不涉及深拷贝和浅拷贝，也可以说基本数据类型的拷贝都是深拷贝。简单来说浅拷贝主要拷贝

JS浅拷贝和深拷贝详解

磷火的博客

02-21

2201

简单的来说就是，在有指针的情况下，浅拷贝只是增加了一个指针指向已经存在的内存，而深拷贝就是增加一个指针并且申请一个新的内存，使这个增加的指针指向这个新的内存，采用深拷贝的情况下，释放内存的时候就不会出现在浅拷贝时重复释放同一内存的错误！在js中，对于非基本类型数据（普通对象或数组），浅拷贝只是拷贝了内存地址，子类属性指向父类属性的内存地址，而子类修改后父类也会被修改看程序

js深度拷贝（克隆）与浅度拷贝（克隆）原理及应用

sunshine的博客

08-22

1万+

如果你想真正自己理解和运用深度克隆的话，首先必须要了解的就是js中的原始值和应用值，以及它们的储存位置及方式。这里简单的说一下，原始值呢是存储在栈里的，而且存储的是变量的实际值。引用值存储在堆里，且存储的是一个指针，该指针指向内存中的某个位置，该位置存储变量的实际值。浅度拷贝 var a = 2 ; var a_copy = a ; a_copy = 3; console.log(a); ...

彻底理解JavaScript中的深拷贝和浅拷贝

热爱思考、活力满满、开朗爱笑的年轻人

05-15

1533

基本类型和引用类型深拷贝与浅拷贝在说深拷贝与浅拷贝前，我们先看两个简单的实例： //案例1 var num1 = 1, num2 = num1; console.log(num1) //1 console.log(num2) //1 num2 = 2; //修改num2 console.log(num1) //1 console.log(num2) //2 //案例...

谈谈JS中的拷贝Copy复制的方法（Javascript拷贝）

weixin_59923200的博客

09-22

7037

拷贝（Copy），都是基于引用类数据来说的，基本数据类型直接在Heap中直接拷贝一份，引用数据类型分为浅拷贝和深拷贝；虽然现在有很多数据库，直接封装好了一部分代码，我们直接引用就可以，比如Lodash，它的代码封装比较完善，但是我们还是要简单了解下拷贝的知识；浅拷贝：复制的是一个引用地址，如果地址内的内容发生改变，所有的内容都会改变；深拷贝：在内存中开辟出一块地盘，存放复制过来的对象；例子我就不写了，直接封装函数，然后调用就可以了，有浅拷贝和深拷贝的几种写法，如有错，请指正，...

online_2.12-0.0.41-sources.jar

09-09

online_2.12-0.0.41-sources.jar

online_2.11-0.0.101.jar

最新发布

09-10

online_2.11-0.0.101.jar

Js深浅拷贝

05-30

### JavaScript 深拷贝与浅拷贝的区别及实现方式 #### 深拷贝与浅拷贝的区别浅拷贝仅复制对象的第一层属性，而深拷贝会递归地复制对象的所有层级。如果对象的属性本身是引用类型（如数组或对象），浅拷贝只会复制引用地址，而不会创建新的独立对象[^2]。例如，使用浅拷贝时，修改原始对象中的嵌套对象会影响拷贝后的对象，因为它们共享相同的引用地址[^4]。 ```javascript let obj1 = { a: 1, b: { c: 2 } }; let obj2 = Object.assign({}, obj1); // 浅拷贝 obj2.b.c = 3; console.log(obj1.b.c); // 输出 3 ``` 相比之下，深拷贝会为嵌套的对象创建全新的实例，确保修改拷贝后的对象不会影响原始对象[^4]。 ```javascript let obj1 = { a: 1, b: { c: 2 } }; let obj2 = JSON.parse(JSON.stringify(obj1)); // 深拷贝 obj2.b.c = 3; console.log(obj1.b.c); // 输出 2 ``` #### 实现浅拷贝的方法 1. 使用 `Object.assign()` 方法可以实现浅拷贝，它将源对象的属性复制到目标对象中[^4]。 ```javascript let obj1 = { a: 1, b: { c: 2 } }; let obj2 = Object.assign({}, obj1); ``` 2. 使用扩展运算符 `...` 也可以实现浅拷贝[^4]。 ```javascript let obj1 = { a: 1, b: { c: 2 } }; let obj2 = { ...obj1 }; ``` #### 实现深拷贝的方法 1. **递归实现**：通过递归遍历对象的每个属性，逐一复制。这种方法适用于复杂对象结构，但需要处理循环引用问题[^3]。 ```javascript function deepCopy(obj) { if (obj instanceof Array) { var newObj = []; } else { var newObj = {}; } for (let i in obj) { if (typeof obj[i] === "object" && obj[i] !== null) { newObj[i] = deepCopy(obj[i]); } else { newObj[i] = obj[i]; } } return newObj; } ``` 2. **通过 `JSON` 对象实现深拷贝**：将对象转换为字符串后再解析为新对象。此方法简单高效，但无法处理函数、`undefined` 和 `Date` 类型等特殊值[^2]。 ```javascript let obj1 = { a: 1, b: { c: 2 } }; let obj2 = JSON.parse(JSON.stringify(obj1)); ``` 3. **通过 jQuery 的 `extend` 方法实现深拷贝**：设置第一个参数为 `true` 即可启用深拷贝功能。 ```javascript let array = [1, 2, 3, 4]; let newArray = $.extend(true, [], array); ``` 4. **使用第三方库（如 Lodash）实现深拷贝**：Lodash 提供了 `_.cloneDeep` 方法，能够处理更复杂的对象结构[^1]。 ```javascript let obj1 = { a: 1, b: { c: 2 } }; let obj2 = _.cloneDeep(obj1); ``` 5. **改进的递归实现**：通过引入 `WeakMap` 处理循环引用问题，确保深拷贝的健壮性[^4]。 ```javascript function deepClone(obj, hash = new WeakMap()) { if (obj === null) return obj; if (obj instanceof Date) return new Date(obj); if (obj instanceof RegExp) return new RegExp(obj); if (typeof obj !== "object") return obj; if (hash.has(obj)) return hash.get(obj); let cloneObj = new obj.constructor(); hash.set(obj, cloneObj); for (let key in obj) { if (obj.hasOwnProperty(key)) { cloneObj[key] = deepClone(obj[key], hash); } } return cloneObj; } ``` #### 注意事项 - 浅拷贝仅适用于简单对象，对于嵌套对象可能引发意外行为。 - 深拷贝需要考虑性能问题，尤其是在处理大型或复杂对象时。 - 特殊类型（如 `Date`、`RegExp`、`Function`）在深拷贝时需要额外处理[^4]。