对象深拷贝的简单实现——JavaScript

最新推荐文章于 2022-11-15 17:30:48 发布

容景

最新推荐文章于 2022-11-15 17:30:48 发布

阅读量285

点赞数 2

分类专栏：读书笔记文章标签： javascript

本文链接：https://blog.csdn.net/ySFRaabbcc/article/details/109614796

版权

读书笔记专栏收录该内容

16 篇文章 0 订阅

订阅专栏

深拷贝是相对于浅拷贝而言的，深拷贝与浅拷贝最大的不同就是对于引用类型的拷贝。

浅拷贝：在修改新对象的引用类型时，原对象也会改变。（只是增加了一个指针指向已存在的内存地址）

深拷贝：新对象与原对象完全独立，即修改新对象的属性时，原对象不会改变。（增加了一个指针并且申请了一个新的内存，使这个增加的指针指向这个新的内存）

所以深拷贝的重点就是对于引用类型的拷贝。以下是深拷贝的简单实现：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>对象深度克隆的简单实现</title>
		<script>
			let deepCopy = function(obj) {
				//判断是数组还是对象
				let newObj = obj instanceof Array ? [] : {};
				for (let key in obj) {
					//如果key是自身的属性，非原型上的属性。
					if (obj.hasOwnProperty(key)) {
						//是原始值，就赋值，否则递归
						newObj[key] = typeof obj[key] === 'object' ? deepCopy(obj[key]) : obj[key];
					}
				}
				return newObj;
			};
		</script>
	</head>
	<body>
	</body>
</html>

实现效果：

容景

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
3
评论
对象深拷贝的简单实现——JavaScript

深拷贝是相对于浅拷贝而言的，深拷贝与浅拷贝最大的不同就是对于引用类型的拷贝。浅拷贝：在修改新对象的引用类型时，原对象也会改变。（只是增加了一个指针指向已存在的内存地址）深拷贝：新对象与原对象完全独立，即修改新对象的属性时，原对象不会改变。（增加了一个指针并且申请了一个新的内存，使这个增加的指针指向这个新的内存）所以深拷贝的重点就是对于引用类型的拷贝。以下是深拷贝的简单实现：<!DOCTYPE html><html> <head> <meta
复制链接

扫一扫