js封装深拷贝

一时失言乱红尘 2023-06-29 02:21 53阅读 0赞

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<body>
    		<script type="text/javascript">
    			function checkType(data){ 
    				return Object.prototype.toString.call(data).slice(8,-1);//[object Object]
    			}
    			
    			function deepCopy(data){ //拷贝的都是对象数据类型
    				let dataType = checkType(data);
    				let result;
    				if(dataType == 'Array'){ 
    					result = [];
    				}else if(dataType == 'Object'){ 
    					result = { };
    				}else{ 
    					result = data;
    					return result;
    				}
    				
    				for(let key in data){ 
    					if(checkType(data[key]) == 'Array' || 'Object'){ 
    						result[key] = deepCopy(data[key]);
    					}else{ 
    						result[key] = data[key];
    					}
    				}
    				return result;
    			}
    			
    			let data ={ 
    				name:'zly',
    				age:32,
    				movie:{ 
    					name:'乘风破浪',
    					timeLong:120,
    					main:['邓超','彭于晏'],
    				}
    			}
    			
    			let result = deepCopy(data)
    			console.log(result);
    			
    			
    			result.movie.main[0] = '赵丽颖';
    			console.log(data);//data中的数据并没有被改变
    		</script>
    	</body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，53人围观）

还没有评论，来说两句吧...

相关阅读

相关 js封装深拷贝

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></t

一时失言乱红尘/ 2023年06月29日 02:21/ 0 赞/ 54 阅读

相关 JS实现深拷贝

[JS实现深拷贝][JS] 一、赋值、浅拷贝与深拷贝的区别 ![format_png][] 二、深拷贝的方法 1.JSON转换 var

桃扇骨/ 2023年06月16日 08:08/ 0 赞/ 109 阅读

相关 JS深拷贝

一、简单介绍 JS中，数据类型分为基本数据类型和引用数据类型。基本数据类型的值是存储在栈内存中的；而引用数据类型的值是存储在堆内存中的，栈中只存储对象在堆中的内存地址

电玩女神/ 2023年02月21日 11:57/ 0 赞/ 60 阅读

相关浅析JS深拷贝

常用的拷贝方案： `JSON.parse(JSON.stringfily())` `Object.assign()` 递归实现 `JSON.parse(

左手的ㄟ右手/ 2023年01月13日 09:35/ 0 赞/ 197 阅读

相关深拷贝和浅拷贝的认识以及对象深拷贝的封装

故心故心故心故心小故冲啊 -------------------- 文章目录前言一、基本类型和引用类型二、深拷贝与浅拷贝 1

冷不防/ 2022年12月29日 06:51/ 0 赞/ 206 阅读

相关前端---JS深拷贝

<html> <head> </head> <body> </body> </html>

清疚/ 2022年12月06日 15:16/ 0 赞/ 218 阅读

相关 JavaScript - 浅拷贝 / 深拷贝（函数封装）

浅拷贝 > 仅仅复制对象的引用，而不是对象本身。浅拷贝的实现方法比较简单，下面介绍 2 个，都可以直接使用。一、简单复制语句实现： function s

电玩女神/ 2022年11月29日 13:07/ 0 赞/ 214 阅读

相关 [JavaScript]浅拷贝、深拷贝，封装一个对象深拷贝的方法

一、浅拷贝和深拷贝基本类型不会出现这个问题，只讨论引用类型 1.浅拷贝：拷贝对象属性问题：一个改变，互相影响 var arr=[1,2,3];

忘是亡心i/ 2022年11月27日 06:49/ 0 赞/ 286 阅读

相关 js 深拷贝函数

// 定义一个深拷贝函数接收目标target参数 function deepClone(target) { // 定义一个变量

淡淡的烟草味﹌/ 2022年09月08日 04:58/ 0 赞/ 256 阅读

相关 js深拷贝浅拷贝

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

朱雀/ 2021年08月31日 14:35/ 0 赞/ 556 阅读