浅拷贝深拷贝对象的几种方法及区别

最新推荐文章于 2024-02-12 18:02:39 发布
最新推荐文章于 2024-02-12 18:02:39 发布
阅读量494 收藏 1
点赞数 1
分类专栏： 知识速记 文章标签： javascript js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50768169/article/details/115359155
版权

浅拷贝深拷贝对象的几种方法及区别

文章目录

前言

总结拷贝对象的方法及浅拷贝和深拷贝的区别

一、浅拷贝

被拷贝对象有第二层或多层嵌套对象的时候，对里层的对象只拷贝了内存地址，里层嵌套的对象数据发生变化时，拷贝出来的对象也会发生改变，对于其他的基本类型不会发生变化

1、方法1

js原生赋值方法

代码如下（示例）：

		var obj={
		userNeme:"xiaoming",
		age:20
		}
        var obj1=obj;
        obj.phone=12356564;
        console.log(obj);//{userNeme:"xiaoming",age:20,phone:12356564};
        console.log(obj1);//{userNeme:"xiaoming",age:20,phone:12356564};

此时无论是obj还是obj1的任何一个数据发生变化时，两者都会发生变化，因为此时两者是共用的同一个内存地址。
这种方法相当于一种浅层次的拷贝，两者共用一个内存，两者的数据相互影响

2、方法2

js原生for in方法

代码如下（示例）：

		var obj={
            userNeme:"xiaoming",
            age:20,
            obj2:{
                email:"54648468@qq.com"
            }   
		}
        var obj1 = {};
        for(var item in obj){
            obj1[item]=obj[item]
        };
        obj.phone=12356564;
        obj.obj2.address="河南";
        console.log(obj);//{userNeme: "xiaoming", age: 20, obj2: {email: "54648468@qq.com", address: "河南"}, phone: 12356564}
        console.log(obj1);//{userNeme: "xiaoming", age: 20, obj2: {email: "54648468@qq.com", address: "河南"}}

此时obj中的obj2的数据发生变化时，obj1中的obj2的数据也会发生变化，因为此时两者是相同的内存地址；
obj中的简单类数据发生变化时不会影响到obj1中的简单类数据，obj和obj1的内存地址是不同的。

3、方法3

使用ES6中的拓展运算符

代码如下（示例）：

		var obj={
            userNeme:"xiaoming",
            age:20,
            obj2:{
                email:"54648468@qq.com"
            }   
		}
        var obj1 = { ...obj };
        obj.phone=12356564;
        obj.obj2.address="河南";
        console.log(obj);//{userNeme: "xiaoming", age: 20, obj2: {email: "54648468@qq.com", address: "河南"}, phone: 12356564}
        console.log(obj1);//{userNeme: "xiaoming", age: 20, obj2: {email: "54648468@qq.com", address: "河南"}}

此时obj中的obj2的数据发生变化时，obj1中的obj2的数据也会发生变化，因为此时两者是相同的内存地址。
obj中的简单类数据发生变化时不会影响到obj1中的简单类数据，obj和obj1的内存地址是不同的。

4、方法4

使用ES6中Object的assign方法

代码如下（示例）：

		var obj={
            userNeme:"xiaoming",
            age:20,
            obj2:{
                email:"54648468@qq.com"
            }   
		}
        var obj1 = Object.assign({},obj);
       	obj.phone=12356564;
        obj.obj2.address="河南";
        console.log(obj);//{userNeme: "xiaoming", age: 20, obj2: {email: "54648468@qq.com", address: "河南"}, phone: 12356564}
        console.log(obj1);//{userNeme: "xiaoming", age: 20, obj2: {email: "54648468@qq.com", address: "河南"}}

此时obj中的obj2的数据发生变化时，obj1中的obj2的数据也会发生变化，因为此时两者是相同的内存地址。
obj中的简单类数据发生变化时不会影响到obj1中的简单类数据，obj和obj1的内存地址是不同的。

二、深拷贝

1、方法1

使用JSON字符串的方法

代码如下（示例）：

		var obj={
            userNeme:"xiaoming",
            age:20,
            obj2:{
                email:"54648468@qq.com"
            },
            ignore:undefined,
            ignoreFunction(){
                console.log(345);
            }
		}
        var obj1 = JSON.parse(JSON.stringify(obj))//会忽略掉对象obj里面的undefined和函数
        obj.phone=12356564;
        obj.obj2.address="河南";
        console.log(obj);//{userNeme: "xiaoming", age: 20, obj2: {email: "54648468@qq.com", address: "河南"}, ignore: undefined, ignoreFunction: ƒ, …}
        console.log(obj1);//{userNeme: "xiaoming", age: 20, obj2: {email: "54648468@qq.com"}}

此时obj中的obj2的数据发生变化时，obj1中的obj2的数据不会发生变化，因为此时两者是不同的内存地址。
obj中的简单类数据发生变化时不会影响到obj1中的简单类数据，obj和obj1的内存地址是不同的。

需要注意的是： 这个方法在拷贝对象时 ，如果对象里面的属性值含有undefined和函数的话会被忽略掉，无法拷贝到新的对象中，这是由于JSON的特性导致的，JSON字符串在转化为JSON对象的时候会自动忽略掉undefined和函数

2、方法2

使用递归的方法

代码如下（示例）：

		var obj = {
            userNeme: "xiaoming",
            age: 20,
            obj2: {
                email: "54648468@qq.com"
            },
            ignore: undefined,
            ignoreFunction: function () {
                console.log(345);
            }
        }
       function deepCopy(copyobj){
            var obj1=Array.isArray(copyobj)?[]:{}
            for(var item in copyobj){
                if(typeof copyobj[item]=="object"){
                    obj1[item]=deepCopy(copyobj[item])
                }else{
                    obj1[item]=copyobj[item]
                }
            }
            return obj1
        }
        let newobj=deepCopy(obj)//obj2中的内容无法拷贝出来
        obj.phone = 12356564;
        obj.obj2.address = "河南";
        console.log(obj);//{userNeme: "xiaoming", age: 20, obj2: {email: "54648468@qq.com", address: "河南"}, ignore: undefined, ignoreFunction: ƒ, …}
        console.log(obj1);//{userNeme: "xiaoming", age: 20, obj2: {email: "54648468@qq.com"}, ignore: undefined, ignoreFunction: ƒ}

此时obj中的obj2的数据发生变化时，obj1中的obj2的数据不会发生变化，因为此时两者是不同的内存地址。
obj中的简单类数据发生变化时不会影响到obj1中的简单类数据，obj和obj1的内存地址是不同的。

3、方法3

使用jQuery的extend方法

代码如下（示例）：

		var obj = {
            userNeme: "xiaoming",
            age: 20,
            obj2: {
                email: "54648468@qq.com"
            },
            ignore: undefined,
            ignoreFunction: function () {
                console.log(345);
            }
        }
		var obj1={};
		$.extend(true,obj1, obj);
        obj.phone = 12356564;
        obj.obj2.address = "河南";
		// true为深拷贝(false为浅拷贝) 省略时默认为false，obj1为要扩展的对象，后边的就是扩展的内容，可以有多个
		// 扩展的内容可以识别函数，不能识别undefined
        console.log(obj);//{userNeme: "xiaoming", age: 20, obj2: {email: "54648468@qq.com", address: "河南"}, ignore: undefined, ignoreFunction: ƒ, …}
        console.log(obj1);//{userNeme: "xiaoming", age: 20, obj2: {email: "54648468@qq.com"}, ignoreFunction: ƒ}

此时obj中的obj2的数据发生变化时，obj1中的obj2的数据不会发生变化，因为此时两者是不同的内存地址。
obj中的简单类数据发生变化时不会影响到obj1中的简单类数据，obj和obj1的内存地址是不同的。

需要注意的是： 这个方法在拷贝对象时 ，扩展的内容可以识别函数，不能识别undefined

总结

flydrem
关注
专栏目录
js代码-几种实现浅拷贝、深拷贝 方法
07-16
在JavaScript中，浅拷贝和深拷贝是两种常见的数据复制方法，它们在处理复杂对象时尤其重要。本文将深入探讨这两种拷贝方法，并提供不同的实现方式。 **浅拷贝（Shallow Copy）** 浅拷贝是创建一个新对象，然后将...
JavaScript数组深拷贝和浅拷贝的两种方法
10-26
为了解决浅拷贝带来的问题，JavaScript 提供了几种深拷贝的方法。其中最常见的方法之一是使用 `slice()` 函数。`slice()` 函数可以截取数组的一部分，返回一个新的数组对象，这样就避免了引用同一个对象的问题。`...
【Big Data 每日一题20181001】java 深拷贝 方案 （中英版）
tianyeshiye
10-02 386
转： 中英版  http://wudashan.com/2018/10/14/Java-Deep-Copy/ https://www.baeldung.com/java-deep-copy 介绍 在Java语言里，当我们需要拷贝一个对象时，有两种类型的拷贝：浅拷贝与深拷贝。浅拷贝只是拷贝了源对象的地址，所以源对象的值发生变化时，拷贝对象的值也会发生变化。而深拷贝则是拷贝了源对象的所有值，所...
实现对象深拷贝的五种方法
热门推荐
a88480的博客
08-27 2万+
对象深拷贝的五种方法 1.json暴力转化 通过JSON.stringify() 和 JSON.parse() 将对象转为字符串之后在转为对象。 var obj = {name:'123'} var obj2 = JSON.parse(JSON.stringify(obj 这种简单粗暴的方式有局限性，当值为undefined、function、symbol会在转换过程中被忽略。 2 es6解构赋 var obj = {name:'123',age:13}; var obj2 = {...obj} 只能深
深浅拷贝的几种方法
qq_41893686的博客
03-04 595
深拷贝 方法一：递归 let user={ name:"咳咳", person:{ age:12 }, data:[] } function copy(object) { let obj = object instanceof Array ? [] : {}; for (const [k, v] of Object.entries(object)) { d
实现浅拷贝的三种方式
萌萌的博客
09-14 3105
拷贝的三种方式1.基于Object.assign2.基于for in3. ...原地展开 1.基于Object.assign const obj = Object.assign(item) obj.children = item.children&&item.children.filter((item, i) => i < 2) return obj 2.基于for in const obj = {} for (let key in item) { obj[key]
Java学习之深拷贝浅拷贝及对象拷贝的两种思路
小灰灰blog的专栏
12-18 1万+
Java语言中的深拷贝、浅拷贝以及对象拷贝
Python 拷贝对象（深拷贝deepcopy与浅拷贝copy）
12-24
1. copy.copy 浅拷贝 只拷贝父对象，不会拷贝对象的内部的子对象。2. copy.deepcopy 深拷贝 拷贝对象及其子对象一个很好的例子： import copya = [1, 2, 3, 4, [‘a’, ‘b’]] #原始对象b = a #赋值，...
数组的深拷贝与浅拷贝以及数组拷贝的几种方式比较
12-22
目录一、深拷贝与浅拷贝解析浅拷贝深拷贝二、数组拷贝的方式1.for循环来拷贝2.System.arraycopy( )拷贝3.Arrays.copyOf( )拷贝4.clone( )拷贝5.解释三、四种拷贝方式效率比较1. System.arraycopy( )2.Arrays.copyOf...
JavaScript实现浅拷贝与深拷贝的方法分析
12-01
JavaScript中实现深拷贝有多种方法，下面列举了其中几种常见的： 1. **for循环实现**： 使用for循环遍历数组的每个元素，逐个添加到新数组中，这样可以创建一个独立的新数组，不受原数组影响。 2. **slice方法**...
对象深拷贝方法
小猫爪子
12-07 167
/** * 对象深拷贝 */ export const deepClone = data => { var type = getObjType(data) var obj if (type === 'array') { obj = [] } else if (type === 'object') { obj = {} } else { // 不再具有下一层次 return data } if (type === 'array') { .
实现对象深拷贝的方法
MQJ
07-28 1419
浅拷贝：将原对象或者原数组的引用直接赋给新对象、新数组，新对象、新数组只是原对象的一个引用，只是复制了一份 深拷贝：会把对象属性的对象和数组也拷贝一份，不会影响原来的对象 假设我们需要复制一个对象，如果不对其进行深拷贝，那么改变其中一个对象后，另一个对象也会跟着改变，实现对象深拷贝有如下方法 1、利用JSON类（就是将一个对象转为JSON字符串，再转回JSON对象） 优点：方便快捷，性能相对比较好 缺点：复杂的对象进行JSON转换时有可能会丢失属性 2、使用递归的方式实现深拷贝 ..
对象的浅拷贝
u011277123的博客
03-24 476
西城旧梦梦旧人 2017-03-23 22:39 一个类实现Cloneable接口，那么它就具有了被拷贝的能力，如覆写clone方法之后就完全具备拷贝的能力。因为拷贝是在内存中进行的，所以在性能上比new生成对象要快很多，那么，拷贝是完全拷贝吗？下面看一个例子。 public class Person implements Cloneable{ //姓名 private Str
深拷贝方法
Yang Yong 的博客
08-04 744
第一种方法(最优)： function deepCopy(p, c) { var c = c || {}; for (var i in p) { if(!p.hasOwnProperty(i)){ continue; } if (typeof p[i] === 'object') { ...
对象深拷贝的几种简单方法
qq_44473684的博客
10-31 187
对象深拷贝的几种简单方法
实现浅拷贝
csD_Dscnnnnnnn的博客
03-25 4577
实现浅拷贝
对象深拷贝的5种方法
最新发布
weixin_42307739的博客
02-12 804
1.使用JSON.parse()结合JSON.stringify()此方法是对上面第4种方法的改进，确保可以深拷贝目标对象中的对象。3.ES6中的Object.assign()方法。4.利用for in 循环遍历原对象。可以将对象中的对象进行深拷贝。5.使用循环+递归方式实现。2.ES6中的扩展运算符。只能深拷贝第一层元素。只能深拷贝第一层元素。只能深拷贝第一层元素。
javascript中的对象相关方法三(浅拷贝)
weixin_47359038的博客
03-26 683
文章目录前言浅拷贝Array.concat()Array.slice()剩余运算符...Object.assign()总结 前言 前两天看了一个朋友的博客，卧槽好几个常用的方法都是浅拷贝，平时使用的时候都没注意过。以后要注意一下，不然数据怎么改了自己都摸不着头脑。 朋友的文章地址：https://blog.csdn.net/qq_31947477/article/details/105989604?spm=1001.2014.3001.5502 浅拷贝 浅拷贝主要是用来复制对象的键值，当最外层键值是基
js中对象的浅拷贝和深拷贝方法
xunfengZ的博客
10-16 351
在了解浅拷贝和深拷贝之前，我们先了解一下javascript的变量的存储方式：栈（stack）和堆（heap） 栈：自动分配内存空间，系统自动释放，存放的是基本数据类型以及引用数据类型的引用（内存地址） 堆：动态的分配内存，大小不定，不会自动释放，存放的是引用类型的值。 浅拷贝 浅拷贝只是拷贝了指针，拷贝后两个指针指向同一块内存空间 //先声明一个对象 var obj={ name:'张三', age:18, say(){
Python深拷贝与浅拷贝详解：概念与实现方法
Python 中可以通过以下几种方式实现浅拷贝： - 使用数据类型本身的构造器，如 `list1 = [1, 2, 3]; list2 = list(list1)` - 利用切片操作符 `:`，如 `list1 = [1, 2, 3]; list2 = list1[:]` - 使用 `copy.copy()`...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值