JS中的浅拷贝与深拷贝方法（秒懂拷贝原理与手写深拷贝）

最新推荐文章于 2025-04-11 00:03:45 发布
最新推荐文章于 2025-04-11 00:03:45 发布
阅读量1.9k 收藏 33
点赞数 20
分类专栏： 前端知识 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_73916603/article/details/137365881
版权
本文详细介绍了JavaScript中浅拷贝与深拷贝的概念、实现方式，包括浅拷贝的引用赋值、扩展运算符以及深拷贝的JSON方法、手写深拷贝函数。还讨论了它们在不同场景下的应用，如对象嵌套、循环引用、特殊类型处理等。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

目录

一、认识深拷贝与浅拷贝

1.浅拷贝与深拷贝的概念

2.浅拷贝与深拷贝的实现方法

3.浅拷贝与深拷贝的区别

二 、如何实现浅拷贝与深拷贝

操作一：引用赋值

操作二：浅拷贝

操作三：深拷贝（JSON方法  : 这种深拷贝的方式对于函数、Symbol等是无法处理的）

 操作四：深拷贝（手写深拷贝函数(基本实现)）

额外内容：判断一个标识符是不是对象类型（手写高阶深拷贝方法需要使用此内容）

操作五：深拷贝中的数组拷贝

 操作六：深拷贝的其他类型

三、浅拷贝与深拷贝的应用场景

1.浅拷贝

2.深拷贝

四、手写实现封装深拷贝函数

一、认识深拷贝与浅拷贝

1.浅拷贝与深拷贝的概念

在JavaScript中，浅拷贝和深拷贝是两个常用的对象复制方法。

浅拷贝是指创建一个新对象，然后将原对象的引用类型的属性复制给新对象。换句话说，新对象的引用类型属性和原对象的引用类型属性指向相同的内存地址。

深拷贝是指创建一个新对象，然后递归地将原对象的所有属性（包括引用类型属性）复制给新对象。换句话说，新对象和原对象的所有属性，包括引用类型属性，在内存中都是完全独立的。

2.浅拷贝与深拷贝的实现方法

浅拷贝的实现方式有多种，常见的有：

  1. Object.assign方法：使用Object.a
了解本专栏 订阅专栏 解锁全文 超级会员免费看
js中的浅拷贝、深拷贝
zjyJul的博客
08-11 373
Javascript中的浅拷贝、深拷贝与赋值
javascript深拷贝、浅拷贝和循环引用深入理解
10-18
JavaScript中的深拷贝和浅拷贝是编程中常见的概念，主要涉及到对象和数组的复制。在JavaScript中，数据类型分为基本数据类型（如Number、String、Boolean等）和引用数据类型（如Object、Array等）。基本类型直接存储...
js 浅拷贝 和 深拷贝
青蛙king的博客
11-19 5134
目录 一、浅拷贝与深拷贝的关系 1、基本类型 2、引用数据类型——对象（object） （1）、对象的浅拷贝 （2）、对象的深拷贝 二、对象的浅拷贝的实现 1、ES6中的Object.assign方法实现对象的浅拷贝 2、直接赋值法实现对象的浅拷贝 三、对象的深拷贝的实现 1、ES6中的扩展运算符（...）实现对象的深拷贝 2、用JSON对象的parse和stringify方...
JavaScript浅拷贝与深拷贝
最新发布
2301_82023822的博客
04-11 1981
创建一个新对象，仅复制原始对象的。
JavaScript的深拷贝与浅拷贝
hsany330的专栏
06-27 616
在使用JavaScript对数组进行操作的时候，我们经常需要将数组进行备份，事实证明如果只是简单的将它赋予其他变量，那么我们只要更改其中的任何一个，然后其他的也会跟着改变，这就导致了问题的发生。 var arr = ["One","Two","Three"];     var arrto = arr; arrto[1] = "test";
js中浅拷贝与深拷贝
ThisEqualThis的博客
05-05 783
浅拷贝是指源对象与拷贝对象的指针指向的内存空间是同一块空间，其中任何一个对象的改动都会对另一个对象造成影响。深拷贝是指源对象与拷贝对象指针指向的内存空间不是同一块空间，相互独立，其中任何一个对象的改动都不会对另外一个对象造成影响。在进入正题之前，不知大家对内存空间了解多少，若是无法区分与。
JavaScript深拷贝与浅拷贝
weixin_60297362的博客
01-23 3627
文章目录一、理解二、浅拷贝1.用Js实现浅拷贝2. 浅拷贝语法糖2.1 写法2.3 应用三、深拷贝用Js实现深拷贝 一、理解 浅拷贝：只是拷贝一层，更深层次对象级别的只拷贝了地址 深拷贝：层层拷贝，每一级别的数据都会拷贝 二、浅拷贝 1.用Js实现浅拷贝 var obj = { id:1, name:'Andy', msg: { age:18 } } var newObj = {} for(var key in obj) { //key是当前属性名， obj[k]是当前属性值 ne
js中的深拷贝和浅拷贝总结
01-08
目录 一、概念 1、浅拷贝 2、深拷贝 ...JavaScript中的数据分为基本类型和引用类型，一般基本类型的数据占用内存大小确定，保存于栈中；引用类型的数据由于在创建之初数据占用内存的大小不确定，但是保
JavaScript浅拷贝与深拷贝详解及其实现方法
在JavaScript中，深拷贝和浅拷贝是两种处理对象和数组复制的重要概念，它们主要应用于处理引用类型数据。JavaScript中的数据可以分为基本类型和引用类型，基本类型如数字、字符串等存储在栈中，而对象、数组等引用...
理解JavaScript：深拷贝与浅拷贝完全解析
"本文详细解析了JavaScript中的深拷贝与浅拷贝概念，通过实例和代码解释了它们的区别和应用场景。" 在JavaScript中，深拷贝和浅拷贝是处理复杂对象（如对象和数组）时非常重要的概念。理解这两者之间的差异对于编写...
js深拷贝与浅拷贝
09-01 156
1 基础知识：基本类型与引用类型 JS中可以把变量分成两部分，基本类型和引用类型。 基本类型包括：Undefined、Null、Boolean、Number和String；引用类型值可能由多个值构成的对象。 在对基础类型数据进行拷贝时，实际相当于创建新的相同数据'hello'，赋值给b var a='hello'; var b = a; b = 'world'; ...
js的浅拷贝和深拷贝
EchoLiner的博客
03-21 1080
例如后台返回了一堆数据，你需要对这堆数据做操作，但多人开发情况下，你是没办法明确这堆数据是否有其它功能也需要使用，直接修改可能会造成隐性问题，深拷贝能帮你更安全安心的去操作数据，根据实际情况来使用深拷贝，大概就是这个意思。所以当你此时修改a=2，对b并不会造成影响，因为此时的b已自食其力，翅膀硬了，不受a的影响了。简单来说，如果b复制了a，当修改a时，看b是否会发生变化，如果b也变了，说明这是浅拷贝，如果b没变，说明这是深拷贝。当b=a进行拷贝时，其实复制的是a的引用地址，而并非堆里面的值。
js深拷贝浅拷贝
m0_49789433的博客
07-15 448
一、数据类型 数据分为基本数据类型(String, Number, Boolean, Null, Undefined，Symbol)和对象数据类型。 1、基本数据类型的特点：直接存储在栈(stack)中的数据 2、引用数据类型的特点：存储的是该对象在栈中引用，真实的数据存放在堆内存里 引用数据类型在栈中存储了指针，该指针指向堆中该实体的起始地址。当解释器寻找引用值时，会首先检索其在栈中的地址，取得地址后从堆中获得实体。 堆内存 二、浅拷贝与深拷贝 深拷贝和浅拷贝是只针对Object
js 浅拷贝与深拷贝
没时间
12-17 170
js分为基础变量和引用变量 基础变量（按值存放,存栈内）Undefined，Null ， boolean ， Number ， String 引用变量(按存储位置与值，存在堆内) Array， Function，Object JavaScript存储对象都是存地址的，所以浅拷贝会导致 obj1 和obj2 指向同一块内存地址。改变了其中一方的内容，都是在原来的内存上做修改会导致拷贝对象和源对象都发生改变，而深拷贝是开辟一块新的内存地址，将原对象的各个属性逐个复制进去。对拷贝对象和源对象各自的操作互不影响。
js浅拷贝和深拷贝
weixin_57660141的博客
07-29 1522
浅拷贝和深拷贝
Js的深拷贝与浅拷贝
qq_44308109的博客
05-19 193
一、 JavaScript的数据类型 基本数据类型：String，Number，Boolean，Symbol，BigInt，undefined，null 基本数据类型的数据保存在栈内存中（名字与值都存在栈中） 引用数据类型：Object、Array、Function、Date，Map，Math 等 引用数据类型的数据保存在堆内存中（名字存在栈中，值存在堆中，栈内存会提供一个引用的地址指向堆内存中的值） 深拷贝与浅拷贝只存在于引用数据类型中 浅拷贝：只拷贝一层，仅仅是复制了引用的地址去指向内存，彼此之间
JS 浅拷贝和深拷贝详解(巨详细)
qq_63299825的博客
06-02 5203
浅拷贝，指的是创建新的数据，这个数据有着原始数据属性值的一份精确拷贝如果属性是基本类型，拷贝的就是基本类型的值。如果属性是引用类型，拷贝的就是内存地址即浅拷贝是拷贝一层，深层次的引用类型则共享内存地址深拷贝开辟一个新的栈，两个对象属性完成相同，但是对应两个不同的地址，修改一个对象的属性，不会改变另一个对象的属性。
JS中的深拷贝与浅拷贝
98年热爱开发的前后端开发工程师！
10-28 931
JavaScript中的深拷贝与浅拷贝你了解吗？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值