深度克隆（针对数组和对象）

最新推荐文章于 2024-05-02 05:45:00 发布
最新推荐文章于 2024-05-02 05:45:00 发布
阅读量392 收藏
点赞数
分类专栏： Javascript 文章标签： 深度克隆
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hahahahahahahaha__1/article/details/81151838
版权 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<script>
		function deepClone(target={},origin){
			var toStr = Object.prototype.toString;
			var strArr = '[object Array]';
			for(var prop in origin){
				if(origin.hasOwnProperty(prop)){
					if(origin[prop] !== null && typeof origin[prop] === 'object'){
						if(toStr.call(origin[prop]) === strArr){
							target[prop] = [];
						}else{
							target[prop] = {};
						}
						deepClone(target[prop],origin[prop]);
					}else{
						target[prop] = origin[prop];
					}
				}
			}
			return target;
		}
		var obj = {
			a:1,
			b:{
				c:1,
				d:2
			},
			e:[1,2,3]
		}
		var obj1 = deepClone({},obj);
		console.log(obj1);
		obj1.e.push('hello world');
		console.log(obj1);//互不影响
		console.log(obj);
	</script>
</body>
</html>

 

guoxiaxing
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
deep-copy-ts:typescriptjavascript的递归深拷贝、克隆和浅拷贝函数
06-27
这意味着新对象和原对象指向相同的内存空间，如果源对象中的某个属性是对象，那么新对象和原对象都会共享这个对象。在JavaScript中，可以通过`Object.assign()`方法或扩展运算符`...`来实现浅拷贝。 深拷贝，相比之...
KryoJava序列化和克隆框架具有快速高效自动的特点
08-06
Kryo是一个针对Java的高性能对象图序列化框架，由Esoteric Software开发，其特性包括快速、高效以及自动处理，使得在内存序列化和反序列化过程中能实现卓越的性能。 **Kryo的核心特性** 1. **速度与效率**：Kryo...
javascript 数组、对象深度克隆
qq_41194534的博客
12-13 915
最近项目过程中针对数组及对象的赋值发现以下问题 情况一： var A={age:12,name:'anne'},B=A; B.grade='五年级'; console.log('A：',A,'B：',B); //A：{age:12,name:'anne',grade:'五年级'} B： {age:12,name:'anne',grade:'五年级'} 情况二： ...
数组克隆/复制
最新发布
m0_73519615的博客
05-02 114
将原来数组的地址赋值给新数组，两个数组名指向了同一个数组，修改其中一个中的元素，那么他们查询到的元素都是修改过的元素。copyOf()方法属于Arrays类，是java.util下的一部分，内部采用了arraycopy()。注意：任务是将arr的内容复制到newArr中，但是上面代码是数组地址的引用分配，这并不是真正的复制。java的system有一个ArrayCopy的方法可以将一个数组的元素复制到另外一个数组中。深克隆，为了解决浅克隆的问题，引用了for循环来将arr的元素，复制到newArr中。
es6 —— 数组和对象的扩展
我的博客
10-25 435
一、 数组的扩展 1. 扩展运算符 主要用于函数调用。当用扩展运算符给push方法传参时可实现分步push。具体见例1 如果扩展运算符后面是一个空数组则不会有什么效果 扩展运算符后面可以放置表达式 扩展运算符只有放在函数调用的圆括号里才不会报错 在es5中会用apply方法去将数组分解成一个个元素赋值给函数的形参，在es6中可直接使用扩展运算符 ES5通过Array.prototype.pus...
JS对象深度克隆实现
诗渊的博客
10-07 1万+
本文介绍了JavaScript对象深度克隆的实现，分析了针对原始类型（数值、字符串、布尔值）和对象类型（对象，函数、数组）实现深度克隆的方法，最后给出了一个通用的JS对象深度克隆的方法。
JavaScript基础-----数组&对象的深度clone
Lazy_Life的博客
07-01 318
1.
赋值、浅拷贝和深拷贝（数组和对象的深浅拷贝）
xiasohuai的博客
07-26 4717
深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的。  浅拷贝 只是拷贝了基本类型的数据，而引用类型数据，复制后也是会发生引用，我们把这种拷贝叫做浅拷贝（浅复制） 浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。 赋值和浅拷贝的区别 当我们把一个对象赋值...
JS 深度克隆的实现方法
UserGuan的博客
05-28 3259
如果这个对象里面含有 Map 之类的这些玩意，克隆之后这个 mapList 就不再是一个 Map 结构了。console.log("克隆后的对象", deepClone(obj));console.log("克隆后的对象", deepClone(obj));// 环形引用 obj.c 等于 obj 本身。或者是这个对象里面有一些函数之类的，克隆之后这个函数后都没有了。console.log("原对象", obj);console.log("原对象", obj);
es6（es2015）常用的方法（三）async(es2017) class类 数组/对象扩展 深度克隆实现
parkvisitor的博客
11-28 492
async await class class Person{ constructor(){ this.name=name; this.age=age } //类的一般方法 say(){ console.log(this.name,this.age); } } let person = new Person("zhangsan",18); person.say(); //子继承父 class Student extends Person{ constructor(name,age,
java数组的深度复制、数组复制不影响原数组
技术杂货铺
06-15 1979
我们知道在方法中用到的数组是存在内存中的，对数组的操作都是对对应内存地址上的数据进行操作。如下例子 我们看到对于入参的数组实际的操作是针对该内存地址上的数组进行操作，内存中修改了，后续的打印自然也是修改之后的结果。 实际中我们经常会用到深度复制，即复制的数组相关的修改、增加、删除操作不影响原始数组。 为了实现深度复制数组我们可以借助Arrays.copyof()方法。如下： 从运行结果我们可以看到，通过copyof方法复制的数组 进行修改操作不影响原始数组。 我们从Arrays.copyo
详细说说数组的浅拷贝和深拷贝、对象的浅拷贝和深拷贝
小草莓的博客
03-18 1752
一、基本类型和引用类型 二、所谓的深浅拷贝 三、实现深拷贝的方法 1、原理 2、方法一：JSON对象的parse和stringify 3、方法二： jQuery中的extend复制方法 4、方法三：自定义深拷贝（封装一个深拷贝的函数） 四、实现浅拷贝的方法 1、原理 2、方法一：直接赋值 3、方法二：ES6拓展运算符 [...list] 4、方法三：js的slice()方法 5、方法四：js的concat()方法 6、方法五：Object.assign(ta
fora-data-utils:用于处理 JS 对象的实用函数
07-01
1. **深度克隆**：在 JavaScript 中，浅拷贝和深拷贝是常见的数据操作。fora-data-utils 可能提供一个深克隆函数，能够创建一个与原对象完全独立的新对象，避免对原始数据的意外修改。 2. **对象合并**：合并两个或...
deep-sheets:用于 javascript 对象的 deepjs 转换 DSL
06-06
深入处理意味着可能涉及到嵌套对象、数组、原型链等复杂结构的转换和操作。 2. **领域特定语言(DSL)**：DSL可以简化特定任务的编程，提高代码可读性和效率。在JavaScript中，DSL可以用于构建特定领域的抽象语法，如...
mongoose_clone:猫鼬中间件的克隆功能
04-27
2. **克隆深度和引用**: 克隆操作可以是浅层的，也可以是深层的，取决于你是否希望复制嵌套对象或数组。默认情况下，`mongoose_clone` 实现的是浅克隆，只复制顶层属性。如果需要深层克隆，可能需要自定义选项。 3....
合并两个数组的方法
热门推荐
hahahahahahahaha__1的博客
04-01 1万+
1.数组的方法concat():concat();方法为赋值并新增，返回一个新数组，只适合无嵌套的数组，concat();会将数组最外层的中括号去掉，然后对其元素进行拷贝。var arr1 = [1,2,3];var arr2 = [3,4,5];var arr = arr1.concat(arr2);//[1,2,3,3,4,5]2.ES6扩展运算符：返回一个新数组var arr1 = [1,2...
在10-100之间随机抽取10个数并进行排序
hahahahahahahaha__1的博客
06-14 7178
1.在某一范围随机抽取一个数字： function getRandom(start,end){        var choice = end - start + 1;        return Math.floor(Math.random()*choice + start);     }注意：start和end分别为区间的起始值和结束值。2.定义一个数组在10-100之间随机抽取十个数：   ...
清除字符串前后的空格
hahahahahahahaha__1的博客
06-14 5382
函数：function strTrim(str){      if(!String.prototype.trim){        return str.replace(/^\s+/,'').replace(/\s+$/,'');      }else{        str.trim();      }     }调用：console.log(strTrim('    a b c      ')...
java深度克隆map对象
04-19
在Java中，要实现深度克隆一个Map对象，可以使用以下几种方法： 1. 使用序列化和反序列化：将Map对象序列化为字节流，然后再反序列化为一个新的Map对象。这种方法需要确保Map中的所有对象都是可序列化的。 2. 使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值