前端---JS深拷贝

清疚 2022-12-06 15:16 194阅读 0赞

<html>
    	<head>
    	
    	</head>
    	<body>
    	
    	</body>
    </html>
    
    <script>
    	
    	function deepCopy(target){
            let result;
            if (typeof target === 'object') {       //对象类型
                if (Array.isArray(target)) {        //数组
                    result = []; 
                    for (let i in target) {
                        result.push(deepCopy(target[i]))
                    }
                } else if(target===null) {          //null
                    result = null;
                } else if(target.constructor===RegExp){
                    result = target;
                }else {
                    result = {}; 
                    for (let i in target) {
                        result[i] = deepCopy(target[i]);
                    }
                }
            } else {                                 //基本数据类型
                result = target;
            }
            return result;
        }
    	
    	
    	
    	//测试
    	var object = {						//原对象
    		name : 'LRT',
    		age : 24,
    		obj : {
    			address : 'SH'
    		},
    	};
    	
    	var resuObj = deepCopy(object);		//深拷贝的对象
    	resuObj.age = 23;
    	resuObj.obj.address = 'BJ';
    	
    	
    	console.log(object);
    	console.log(resuObj);
    	
    </script>

发表评论取消回复

表情：

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

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

相关阅读

相关前端深拷贝和浅拷贝

在前端攻城狮的工作实际应用中，有很多情况下在处理数据的时候，会用到数据的深拷贝和浅拷贝例如：vue中数据是双向绑定的，页面显示依赖于从后台获取到的数据，但要将这个数据当做参

灰太狼/ 2023年10月06日 15:39/ 0 赞/ 56 阅读

相关 js封装深拷贝

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

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

相关 JS实现深拷贝

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

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

相关 JS深拷贝

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

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

相关浅析JS深拷贝

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

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

相关前端---JS深拷贝

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

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

相关前端深拷贝和浅拷贝

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

男娘i/ 2022年10月19日 12:51/ 0 赞/ 149 阅读

相关 js 深拷贝函数

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

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

相关 js深拷贝浅拷贝

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

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

相关 js深拷贝与浅拷贝

let obj1 = { age: 12, bobby: { play: '打篮球'

小咪咪/ 2021年08月24日 17:25/ 0 赞/ 447 阅读