js 深拷贝和浅拷贝及实现方法

最新推荐文章于 2024-06-12 12:13:24 发布

原创最新推荐文章于 2024-06-12 12:13:24 发布 · 464 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

面试题专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了JavaScript中浅拷贝和深拷贝的概念，通过手写浅拷贝和深拷贝函数示例，展示了如何在编程中通过内存分配和递归实现对象的浅层和深层复制，以及它们之间的区别在于是否保留了对象间的引用关系。

1、浅拷贝：就是重新分配一块内存，创建一个新对象，但里面的元素是对原对象各个元素的引用。
2、 深拷贝：重新分配一块内存，创建一个新对象，并将原对象的元素以递归的方式，通过创建新的子对象拷贝到新对象中，与原对象没有任何关联。

手写浅拷贝

function shallowClone(obj) {
	if (!obj || typeof obj !== 'object') return;
	let newObj = obj.isArray ? [] : {};
	for(let k in obj) {
		if (obj.hasOwnProperty(k)) {
			newObj[k] = obj[k];
		}
	}
	return newObj;
}

手写深拷贝

function deepClone(obj) {
	if (!obj || typeof obj !== 'object') return;
	let newObj = obj.isArray ? [] : {};
	for(let k in obj) {
		if (obj.hasOwnProperty(k)) {
			newObj[k] = obj[k].isArray ? deepClone(obj[k]) : obj[k];
		}
	}
	return newObj;
}