深拷贝方法

深拷贝两种方法解析
最新推荐文章于 2025-07-18 18:19:12 发布
原创 最新推荐文章于 2025-07-18 18:19:12 发布 · 783 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

  • 第一种方法(最优)：
function deepCopy(p, c) {
    var c = c || {};
    for (var i in p) {
        if(!p.hasOwnProperty(i)){
            continue;
        }
        if (typeof p[i] === 'object') {
            c[i] = (p[i].constructor === Array) ? [] : {};
            deepCopy(p[i], c[i]);
        } else {
            c[i] = p[i];
        }
    }
    return c;
}
  • 第二种方法(缺点：不能拷贝对象内部function)：
JSON.parse(JSON.stringify())

 

 

【Unity】深拷贝
fcgdzh2008的博客
03-11 1549
using System; using System.Collections.Generic; using System.Linq; using System.Reflection; using System.Text; using System.Threading.Tasks; namespace ETHotfix { public class DeepCopy { ...
js代码-几种实现浅拷贝、深拷贝 方法
07-16
在JavaScript中，浅拷贝和深拷贝是两种常见的数据复制方法，它们在处理复杂对象时尤其重要。本文将深入探讨这两种拷贝方法，并提供不同的实现方式。 **浅拷贝（Shallow Copy）** 浅拷贝是创建一个新对象，然后将...
深拷贝
shiqianhui1124的博客
05-23 5372
深拷贝 一、什么是深拷贝？（先简单理解概念） 深拷贝是指，拷贝对象的具体内容，深拷贝在计算机中开辟一块新的内存地址用于存放复制的对象。源数据改变不会影响复制的数据。 二、为什么要使用深拷贝？ 我们希望在改变新的数组（对象）的时候，不改变原数组（对象） arr=[100,[{a:'hello'},{b:"world"}],{c:"123456789"}]; //判断修改的是不是'object'或者null,如果不是object或者null那么直接返回 f...
数组和对象的深拷贝和浅拷贝的方法
最新发布
JLY19970726的博客
07-18 327
深拷贝适合有嵌套引用类型的数据，复杂场景推荐用 Lodash 的 _.cloneDeep ，简单场景可临时用 JSON.parse(JSON.stringify()) （注意其局限性）。示例： const deepCopy = JSON.parse(JSON.stringify(original));- 浅拷贝适合无嵌套的简单数据，实现简单（扩展运算符、slice等）。深拷贝会复制所有嵌套数据，原数据和拷贝数据完全独立。一、浅拷贝方法（数组和对象通用/专用）二、深拷贝方法（数组和对象通用/专用）
深拷贝的方法
liu_pujun的博客
04-14 3384
一、为什么要使用深拷贝 我们希望在改变新的数组（对象）的时候，不改变原来的数组（对象） 深拷贝不会拷贝引用类型的引用，而是将引用类型的值全部拷贝一份，形成一个新的引用类型，这样就不会发生引用错乱的问题，使得我们可以多次使用同样的数据，而不用担心数据之间会起冲突。 二、深拷贝的四种方法 1、使用JSON.stringify()以及JSON.parse() var obj1 = { a: 1, b: 2, c: 3 } var objString = JSON.stringify(obj1)
深拷贝的几种方式
meng7389的博客
04-02 1393
通过递归遍历对象的属性，并逐个进行复制。以上是比较简单的深拷贝，只处理了基本类型和数组、对象下面是个比较全面的深拷贝，考虑到了正则，日期等。
实现深拷贝的几种方法
热门推荐
xiongfang1105的专栏
03-23 1万+
实现深拷贝的几种方法 浅拷贝和深拷贝的区别： 浅拷贝 ： 只是将数据中所有的数据引用下来，依旧指向同一个存放地址，拷贝之后的数据修改之后，也会影响到原数据的中的对象数据 深拷贝： 将数据中所有的数据拷贝下来，对拷贝之后的数据进行修改不会影响到原数据 1、使用递归的方式实现深拷贝： function deepClone(obj){ let objClone = Array.isArray(obj)?[]:{}; if(obj && typeof obj==="object"){
C#中4种深拷贝方法介绍
09-03
以下是对C#中四种深拷贝方法的详细说明： 1. **利用反射实现深拷贝**： 反射是一种强大的工具，可以动态获取类型信息并操作对象。上述代码首先检查对象是否为字符串或值类型，如果是，则直接返回，因为这些类型...
Python中的复制操作及copy模块中的浅拷贝与深拷贝方法
09-21
### Python中的复制操作及copy模块中的浅拷贝与深拷贝方法 在Python编程中，复制操作是一项常用且重要的功能。正确理解并掌握浅拷贝和深拷贝的概念对于高效编程至关重要。本文将深入探讨Python中的复制操作以及`...
JS实现数组深拷贝的方法分析
10-17
以下是对JS实现数组深拷贝方法的详细分析： 1. **浅拷贝**： - `slice()` 和 `concat()` 方法：这两个方法都可以实现浅拷贝，即创建一个新数组，但只复制数组的第一层元素。如果数组中包含对象或数组引用，新数组...
深度拷贝
weixin_34228662的博客
04-03 148
function clone( obj ) { var copy; switch( typeof obj ) { case "undefined": break; case "number": copy = obj - 0; break; case...
深拷贝的三种方式
Chennfengg222的博客
03-05 5849
深拷贝:拷贝值 浅拷贝: 拷贝地址 深拷贝的方法 //待拷贝的对象 let a = { name: '张三', grade: { chinese: 23, math: 90, }, sex: '男', friend: [{id: '李四'},'王五'], date: new Date().toString(), ...
深拷贝的实现方法
克里斯前端
09-11 1万+
深拷贝的实现方法
深拷贝的三种方法
朵拉多的博客
05-21 1723
一、JSON方法实现深拷贝 var obj = { name: 'a', arr:[1,2,3] } var newObj = JSON.parse(JSON.stringify(obj)) newObj.name = "cc" console.log(obj) //{ name: 'a', arr: [ 1, 2, 3 ] } console.log(newObj) //{ name: 'cc', arr: [ 1, 2, 3 ] } 对于一般常用的数据拷贝这种方法无疑是非常简单的
深拷贝的五种实现方式
dabaooooq的博客
02-07 2635
浅拷贝：当把一个对象赋值给一个新的变量时，复制的其实是该对象的在栈中的引用地址（指向某个对象的指针），而不是对象值本身，新旧对象指向堆内存中同一片地址空间，共享同一块堆内存，无论哪个对象发生变化，其实都是改变的内存空间的内容，因此，两个对象是联动的。(object)：存储时会在栈内存存储引用（堆内存中存值的地址），堆内存存储真正的值，栈内存中的引用指向堆内存的值。深拷贝：在堆内存中重新开辟一块空间，存放原对象的值，让栈中的引用指向这块新的内存地址，新旧对象不在相互影响。无法拷贝不可枚举的属性。
深拷贝几种方法
weixin_47065193的博客
09-10 1212
#深拷贝指的是：将原对象的各个属性逐个复制出去，而且将原对象各个属性所包含的对象也依次采用深复制的方法递归复制到新对象上。并开辟了一块新的内存地址来存放复制的对象。 当对对象a进行深拷贝给对象b后，之后无论是对a操作还是对b操作，都是指改变自己的内容。实现深拷贝的方法有很多种，如下： #1、JSON.stringify/parse的方法 下面展示一些 内联代码片。 // A code block var foo = 'bar'; // An highlighted block let arr1 = [1,
深拷贝的几种方法
Apeng_wjp的博客
12-13 774
一、前言：深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的 。 浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。 但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。 二、深拷贝的几种方法。 for循环拷贝加递归，当只用for循环的时候只会拷贝单层。 function deepClone(obj) { if (typeof obj !== "object" || obj === null) {
深拷贝的四种方式
cyn_653620的博客
02-25 1132
1、浅拷贝 　　　　概念：子对象复制父对象，父子对象发生关联，两者属性值指向同一内存空间。简单来讲，就是改变其中一个对象，另一个对象也会跟着改变。 2、深拷贝 　　　　概念：拷贝对象各个层级的属性。简单的讲，就是复制出来的每个对象都有属于自己的内存空间，不会互相干扰。 实现方式： 实现Cloneable接口，并且重写Object类中的clone()方法 实现Serializable接...
深拷贝的3种方法
坚信万物皆可切的切图仔
08-25 1902
1. JSON.parse(JSON.stringify()) 常用推荐！ let a = { name: 'JJ', age: 18 } b = JSON.parse(JSON.stringify(a)) b.age = 25; console.log(a, b); //b.age=25 2.迭代递归方法 /* * 递归深拷贝 */ export function de
js深拷贝方法
06-17
<think>我们正在回答用户关于JavaScript深拷贝方法的问题。根据引用，我们有几种不同的方法可以实现深拷贝。首先，深拷贝是指创建一个新对象，并递归地复制原始对象的所有属性，使得新对象和原始对象完全独立，修改新对象不会影响原始对象。根据引用，我们可以总结以下几种深拷贝的实现方法：1.**使用JSON序列化和反序列化**（引用[1]和引用[3]提到）：这种方法简单，但有其局限性：不能复制函数、undefined、Symbol值，以及一些特殊的对象（如Date、RegExp等）在序列化后会变成字符串，反序列化后无法还原。2.**递归实现**（引用[2]和引用[4]提到）：通过递归遍历对象的每个属性，针对不同的类型（数组、对象）进行复制。这种方法可以处理嵌套对象和数组，但同样需要特殊处理一些内置对象（如Date、RegExp等）和循环引用。3.**使用MessageChannel**（引用[3]提到）：这是一种利用异步通信API实现深拷贝的方法，可以处理一些JSON无法处理的情况（如undefined和函数），但同样不能处理函数和循环引用，而且它是异步的。由于用户没有特殊要求，我们将重点介绍前两种方法，并给出代码示例。###方法1：使用JSON序列化和反序列化```javascriptfunctiondeepClone(obj){returnJSON.parse(JSON.stringify(obj));}```**注意**：这种方法虽然简单，但有以下缺点：-忽略函数属性（因为JSON不支持函数）-忽略undefined和Symbol值-忽略对象的constructor，即原对象的原型链会丢失-不能处理循环引用（会报错）-特殊对象如Date会变成字符串，RegExp会变成空对象###方法2：递归实现（基础版）下面是一个递归实现的深拷贝函数，可以处理对象和数组的嵌套，但不处理特殊对象和循环引用。```javascriptfunctiondeepClone(obj){//如果是基本类型或null，直接返回if(obj===null||typeofobj!=='object'){returnobj;}//处理数组if(Array.isArray(obj)){constcloneArr=[];for(leti=0;i<obj.length;i++){cloneArr[i]=deepClone(obj[i]);}returncloneArr;}//处理普通对象constcloneObj={};for(letkeyinobj){if(obj.hasOwnProperty(key)){cloneObj[key]=deepClone(obj[key]);}}returncloneObj;}```###方法3：递归实现（增强版）为了处理更多的内置对象和循环引用，我们可以增强递归实现：```javascriptfunctiondeepClone(obj,hash=newWeakMap()){//如果是基本类型或null，直接返回if(obj===null||typeofobj!=='object'){returnobj;}//如果已存在循环引用，则直接返回存储的值if(hash.has(obj)){returnhash.get(obj);}//处理Date对象if(objinstanceofDate){constcopy=newDate(obj);hash.set(obj,copy);returncopy;}//处理RegExp对象if(objinstanceofRegExp){constcopy=newRegExp(obj.source,obj.flags);hash.set(obj,copy);returncopy;}//处理数组if(Array.isArray(obj)){constcloneArr=[];hash.set(obj,cloneArr);for(leti=0;i<obj.length;i++){cloneArr[i]=deepClone(obj[i],hash);}returncloneArr;}//处理普通对象constcloneObj=Object.create(Object.getPrototypeOf(obj));hash.set(obj,cloneObj);for(letkeyinobj){if(obj.hasOwnProperty(key)){cloneObj[key]=deepClone(obj[key],hash);}}returncloneObj;}```这个增强版函数通过使用WeakMap来存储已经拷贝过的对象，解决了循环引用的问题，并增加了对Date和RegExp对象的支持。但是，函数属性仍然被直接返回（因为函数是基本类型？不，函数是对象，但这里我们按基本类型处理？不对，函数在JavaScript中是对象，但通常我们不希望复制函数，因为函数是共享的）。因此，这个函数不会复制函数，但会复制其他可枚举属性。###其他方法除了上述方法，还可以使用第三方库（如lodash的`_.cloneDeep`）来实现深拷贝，这些库通常处理了更多边界情况。###总结-对于简单对象（没有函数、循环引用和特殊对象），可以使用`JSON.parse(JSON.stringify(obj))`。-对于复杂对象，建议使用递归实现，并考虑循环引用和特殊对象。-在实际项目中，使用成熟的库（如lodash）是更可靠的选择。§§相关问题§§1.深拷贝和浅拷贝有什么区别？2.如何实现一个处理循环引用的深拷贝函数？3.使用JSON方法实现深拷贝有什么局限性？4.在JavaScript中，如何复制一个包含函数的对象？5.第三方库（如lodash）是如何实现深拷贝的？</think>### JavaScript 深拷贝实现方法详解 在 JavaScript 中实现深拷贝的核心是**创建独立的内存空间**，递归复制所有嵌套属性。以下是几种常用方法及原理分析： #### 方法1：JSON 序列化法（简单场景） ```javascript function deepClone(obj) { return JSON.parse(JSON.stringify(obj)); } ``` **原理**： 通过 `JSON.stringify()` 将对象转为字符串，再用 `JSON.parse()` 重建新对象。 ✅ 优点：代码简洁 ❌ 缺点： - 无法复制 `函数`、`undefined`、`Symbol` 类型 - 会丢失 `Date` 对象（转为字符串） - 无法处理 `循环引用`（如 `obj.self = obj`） #### 方法2：递归实现（基础版） ```javascript function deepClone(obj) { if (obj === null || typeof obj !== 'object') { return obj; // 基本类型直接返回 } const cloneObj = Array.isArray(obj) ? [] : {}; for (let key in obj) { if (obj.hasOwnProperty(key)) { cloneObj[key] = deepClone(obj[key]); // 递归复制嵌套属性 } } return cloneObj; } ``` **适用场景**： 处理普通对象和数组的嵌套结构，如： ```javascript const original = { a: 1, b: { c: [2, 3] } }; const cloned = deepClone(original); console.log(cloned.b.c === original.b.c); // false（深拷贝成功） ``` #### 方法3：增强递归版（支持特殊类型） ```javascript function deepClone(obj, hash = new WeakMap()) { if (obj === null) return null; if (typeof obj !== 'object') return obj; if (obj instanceof Date) return new Date(obj); // 处理Date if (obj instanceof RegExp) return new RegExp(obj); // 处理正则 if (hash.has(obj)) return hash.get(obj); // 解决循环引用 const 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; } ``` ✅ 增强功能： 1. 支持 `Date`、`RegExp` 等内置对象 2. 通过 `WeakMap` 解决循环引用问题 3. 保持原型链 (`new obj.constructor()`) #### 方法4：MessageChannel API（异步深拷贝） ```javascript function deepClone(obj) { return new Promise(resolve => { const { port1, port2 } = new MessageChannel(); port2.onmessage = ev => resolve(ev.data); port1.postMessage(obj); }); } // 使用示例 deepClone(obj).then(clone => { console.log(clone); }); ``` **特点**： - 可复制 `undefined` 和函数（但函数会丢失原型链） - 异步操作，适合复杂对象 - 仍无法解决循环引用 #### 方法对比表 | 方法 | 函数支持 | 循环引用 | 特殊类型 | 性能 | |--------------------|----------|----------|----------|--------| | JSON法 | ❌ | ❌ | ❌ | ⭐⭐⭐⭐ | | 基础递归 | ✅ | ❌ | ❌ | ⭐⭐⭐ | | 增强递归 | ✅ | ✅ | ✅ | ⭐⭐ | | MessageChannel | ✅ | ❌ | ✅ | ⭐ | #### 最佳实践建议 1. 简单对象 → **JSON法**（最快） 2. 含函数/嵌套对象 → **增强递归版** 3. 超大对象 → 考虑 **lodash.cloneDeep**（库函数优化过性能） 4. 避免深拷贝场景 → 使用不可变数据结构（如Immer.js） > 示例库实现参考：lodash 的 [_.cloneDeep](https://lodash.com/docs/4.17.15#cloneDeep) 使用组合式类型检测和递归，支持超过20种特殊对象类型[^2]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值